# Carousels
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.
# API
# Examples
# Props
# Custom delimiters
Use any available icon as your carousel’s slide delimiter.
# Custom transition
The v-carousel-item
component can have its transition/reverse-transition changed.
# Cycle
With the cycle prop you can have your slides automatically transition to the next available every 6s (default).
# Hide controls
You can hide the carousel navigation controls with :show-arrows="false"
.
# Customized arrows
Arrows can be customized by using prev and next slots.
# Hide delimiters
You can hide the bottom controls with hide-delimiters
prop.
# Model
You can control carousel with model.
Ready for more?
Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page on GitHub
Last updated:11/12/2024, 6:59:50 AM