Store

For Enterprise

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 by v-carousel. Extends v-window-item, is routable, and uses v-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.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!