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.
v-carousel-item
: The image container used byv-carousel
. Extendsv-window-item
, is routable, and usesv-img
in its default slot.
Select your desired component from below and see the available props, slots, events and functions.
Below is a collection of simple to complex examples.
With the cycle prop you can have your slides automatically transition to the next available every 6s (default).
The v-carousel-item
component can have its transition/reverse-transition changed.
Use any available icon as your carousel's slide delimiter.
You can hide the carousel navigation controls with :show-arrows="false"
.
You can hide the bottom controls with hide-delimiters
prop.
You can control carousel with model.