The v-carousel component is used to display large numbers of visual content on a rotating timer.


The v-carousel component expands upon v-window by providing additional features targeted at displaying images.




With the cycle prop you can have your slides automatically transition to the next available every 6s (default).

Custom transition

The v-carousel-item component can have its transition/reverse-transition changed.

Custom delimiters

Use any available icon as your carousel's slide delimiter.

Hide controls

You can hide the carousel navigation controls with :show-arrow="false".

Hide delimiters

You can hide the bottom controls with hide-delimiters prop.

v-model control

You can control carousel with model.

Edit this page | language on Github
StoreFor Enterprise