Windows
The v-window component is the baseline functionality for transitioning content from 1 pane to another. Other components such as v-tabs, v-carousel and v-stepper utilize this component at their core.
Usage
Designed to easily cycle through content, v-window provides a simple interface to create truly custom implementations.
API
CSS Class to apply when active
Applies the dark theme variant
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
Manually set the window to use the reverseTransition
Provide a custom left and right function when swiped left or right
{
left: Function",
right: Function"
}Disable touch support
Controls visibility
Uses a vertical transition when changing windows
Examples
Onboarding
v-window makes it easy to create custom components such as a different styled stepper.
Account creation
Create rich forms with smooth animations. v-window automatically tracks the current selection index to automatically change the transition direction. This can be manually controlled with the reverse prop.