A carousel with motion and swipe built without external dependencies.
orientation="vertical" to display a vertical carousel.setApi prop to access the carousel API for programmatic control.basis-* classes on CarouselItem.| Prop | Description | Type | Default |
|---|---|---|---|
| orientation | The orientation of the carousel | 'horizontal' | 'vertical' | 'horizontal' |
| opts | Carousel options | { startIndex?: number } | {} |
| setApi | Callback to receive the carousel API | (api: CarouselApi) => void | - |
| Prop | Description | Type | Default |
|---|---|---|---|
| className | Additional CSS classes for the content container | string | - |
| Prop | Description | Type | Default |
|---|---|---|---|
| className | Additional CSS classes for the item (use basis-* for sizing) | string | - |
| Prop | Description | Type | Default |
|---|---|---|---|
| className | CSS classes for positioning and styling (no built-in positioning) | string | - |
| variant | Button variant style | 'solid' | 'subtle' | 'default' | 'ghost' | 'link' | 'default' |
| size | Button size | 'sm' | 'md' | 'lg' | 'sm' |