Carousel
Basic usage
Indicators
Custom Indicator
Custom Arrows
API
Carousel Attributes
| Name | Description | Type | Default | Version |
|---|---|---|---|---|
| autoplay | Whether automatically loop the slides | boolean | false | |
| interval | Interval of the auto loop, in milliseconds | number | 3000 | |
| dots | Whether to show the dots at the bottom of the gallery | boolean | true |
Carousel Events
| Name | Description | Type |
|---|---|---|
| change | Triggers when the active slide switches | (index: number) => void |
| next | Change current slide to next slide | (index: number) => void |
| prev | Change current slide to previous slide | (index: number) => void |
| dot-click | Triggered when the indicator is clicked | (index: number) => void |
Carousel Slots
| Name | Description |
|---|---|
| default | Slide content |
| prevArrow | Custom Arrows (Previous) |
| nextArrow | Custom Arrows (Next) |
| customPaging | Custom Indicator |
Carousel Exposes
| Name | Description | Type |
|---|---|---|
| next | Switch to the next slide | (index: number) => void |
| prev | Switch to the previous slide | (index: number) => void |
Contributors
lazy