The v-window
component provides 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.
Designed to easily cycle through content, v-window
provides a simple interface to create truly custom implementations.
Select your desired component from below and see the available props, slots, events and functions.
Below is a collection of simple to complex examples.
v-window
can be vertical. Vertical windows have Y axis transition instead of X axis transition.
Reverse v-window
always displays reverse transition.
v-window
makes it easy to create custom components such as a different styled stepper.
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.