Carousel
The v-carousel component is used to display large numbers of visual content on a rotating timer.
API
CSS Class to apply when active
Determines if carousel should cycle through images
Applies the dark theme variant
Sets icon for carousel delimiter
Sets the component height
Hides the navigation controls
Hides the panel with carousel delimiters
The duration between image cycles
Applies the light theme variant
Forces a value to always be selected
Sets maximum width
Allows for multiple selections. Model used must be an Array
The displayed icon for forcing pagination to the next item
The displayed icon for forcing pagination to the previous item
Manually set the window to use the reverseTransition
Provide a custom left and right function when swiped left or right
Disable touch support
Controls visibility
Uses a vertical transition when changing windows
Examples
Custom transition
You can also apply your own custom transition.
Custom icons
You can also change the icon for the carousel delimiter and previous/next icons.
Hide controls
You can hide the navigation controls with the hide-controls prop.
Hide delimiters
You can hide the bottom controls with the hide-delimiters prop.