v-carousel component is used to display large numbers of visual content on a rotating timer.
v-carousel component expands upon
v-window by providing additional features targeted at displaying images.
v-carousel-item: The image container used by
v-window-item, is routable, and uses
v-imgin 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).
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
You can hide the bottom controls with
You can control carousel with model.
Ready for more? Continue reading with: