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||Sub-component used for displaying the |
Use any available icon as your carousel’s slide delimiter.
With the cycle prop you can have your slides automatically transition to the next available every 6s (default).
You can hide the carousel navigation controls with
:show-arrows="false". Or you can make them only appear on hover with
Arrows can be customized by using prev and next slots.
You can hide the bottom controls with hide-delimiters prop.
You can show a linear progress bar with the progress prop. It will indicate how far into the cycle the carousel currently is.
You can control carousel with v-model.