Store

For Enterprise

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.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!