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

Usage

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

Sub-components

  • v-carousel-item: The image container used by v-carousel. Extends v-window-item, is routable, and uses v-img in its default slot.

API

Examples

Cycle

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-arrows="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
Vuetify
StoreFor Enterprise