Carousel

A carousel displays a series of elements (like images or cards) in a rotating manner, allowing users to navigate through them easily. Users can navigate using controls, scroll, or drag, based on your

How It Works

To set up a carousel, simply type "carousel" in the component search bar and drag it to your page. Then, connect the carousel to your data source.

Display Settings

Navigation Controls

• Side Controls: Arrows on the left and right sides.

• Header Controls: Buttons at the top.

• No Controls: Navigation through dots at the bottom of the elements without using additional slider buttons.

Carousel Steps

• Row Steps: Scroll a complete row with one click on the slider button.

• Custom Steps: Specify the number of elements to scroll with one click on the slider button.

Navigation Options

• Scroll Navigation: Navigate using the mouse wheel or trackpad.

• Drag Navigation: Navigate by dragging elements.

• Snap to Cards: Snap to individual cards while navigating.

Cards Per Row

Set the number of elements shown in a single row (e.g., 3 cards per row).

Cards Per Query

Define how many elements are included in the carousel based on a specified number.

Advanced Settings

Selection Options

• Multiple Selection: Allow multiple cards to be selected.

• Select First Card by Default: Automatically select the first card.

• Enable Search: Add a search function to filter elements.

• Display Filters: Show filtering options.

• Display Pagination: Enable pagination controls.

More information about Actions and additional properties you can find in our documentation.