Carousel
A carousel component for cycling through elements with navigation controls.
Usage
Vertical
Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | The scroll direction of the carousel. |
opts | EmblaCarouselVueOptions | - | Embla Carousel options for fine-tuning behavior. |
plugins | EmblaCarouselVuePlugin[] | - | Embla Carousel plugins for extended functionality. |
Events
| Event | Payload | Description |
|---|---|---|
init-api | CarouselApi | Emitted when the carousel API is initialized. |
Sub-components
CarouselContent
Scrollable track container for carousel items.
CarouselItem
Individual slide within the carousel.
CarouselPrevious
Navigate to the previous slide.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | ButtonVariants['variant'] | 'outline' | Button style variant. |
size | ButtonVariants['size'] | 'icon' | Button size. |
CarouselNext
Navigate to the next slide.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | ButtonVariants['variant'] | 'outline' | Button style variant. |
size | ButtonVariants['size'] | 'icon' | Button size. |