Carousel item component. Used as a child of the <ons-carousel> element.


A carousel is used to show several items in the same place. The user can switch between the items by panning. The VOnsCarousel component can also be controlled programatically through the activeIndex prop. An update:activeIndex event is fired whenever the user interacts with this component, allowing you to synchronize activeIndex prop. It is possible to use Vue’s v-model directive for this.

VOnsCarousel can also be nested if the carousels implement different directions.

See also

Need Help?

If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.