Carousel
A carousel displays a set of slides that users can scroll through.
1
2
3
Dots
1
2
3
Component props
Carousel
| Name | Type | Description |
|---|---|---|
| orientation | string | "horizontal" | "vertical" (default: "horizontal") |
| loop | boolean | Loops back to the first slide |
| showArrows | boolean | Shows previous/next arrows (default: true) |
| showDots | boolean | Shows dot indicators |
| opts | EmblaOptions | Additional Embla carousel options |
| onIndexChange | (index: number) => void | Called when the selected slide changes |
CarouselItem
Accepts standard HTML div props. Each item renders as a slide.