Carousel

import Carousel from '@semcore/ui/carousel';
<Carousel />;

CarouselProps

& {...}

Name	Type	Description
index	number	Index active item
defaultIndex	number	Index of the active item selected by default
onIndexChange	(index: number) => void	Called when the selection is changed
duration	number	Animation duration
bounded	boolean	Disables infinite items change in the carousel
step	number
locale	string
zoom	boolean	Enable zoom feature for carousel items
zoomWidth	number	Width for items in zooming modal
indicators	"default" | "hide" | "preview"	Type of indicators

Carousel.Container

Carousel.Container is a wrap over Carousel.Item. Carousel.Item doesn't have own API, extends to Box.

import Carousel from '@semcore/ui/carousel';
<Carousel.Container />;

Carousel.Item

Carousel.Item doesn't have own API, extends to Box.

import Carousel from '@semcore/ui/carousel';
<Carousel.Item />;

Carousel.Indicators

Component view for default dots. It doesn't have own API, extends to Box.

import Carousel from '@semcore/ui/carousel';
<Carousel.Indicators />;

Carousel.Prev, Carousel.Next

Component view for default Chevron icons. It doesn't have own API, extends to Box.

import Carousel from '@semcore/ui/carousel';
<Carousel.Prev />
<Carousel.Next />