Vuetify

Shop

Für Unternehmen

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.

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

Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.

Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.

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.

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