Carousel
Presentations
v1.0
zero-schema
A paged carousel that slides its children horizontally or vertically. Carousel is the canonical name; Slider is its legacy tag (the value slider is RangeSlider).
Required fields
PresentationType
Properties
PresentationType
string
required
A paged carousel that slides its children. Slider is the former name of this component (the value slider is RangeSlider).
Allowed Carousel Slider
AutoPlay
boolean
optional
When true, pages advance automatically.
Axis
string
optional
Scroll direction of the carousel pages.
Allowed Horizontal Vertical
Height
number, object
optional
Fixed height of the carousel viewport in logical pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
ViewportFraction
number, object
optional
Fraction of the viewport each page occupies (0-1). 1 shows one page at a time. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
EnlargeCenter
boolean
optional
When true, the centered page renders larger than its neighbours.
Reverse
boolean
optional
When true, pages advance in the reverse direction.
Spacing
number, object
optional
Gap between pages in logical pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
IconColor
string, object
optional
Color of the page-indicator icons, as a color name or hex code. Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).
IconSize
number, object
optional
Size of the page-indicator icons in logical pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).
Children
array
optional
The pages of the carousel; each child is one slide.