packages/docs/src/pages/en/components/windows.md
The v-window component provides the baseline functionality for transitioning content from one 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 custom implementations.
| Component | Description |
|---|---|
| v-window | Primary Component |
| v-window-item | Sub-component used to display a single window item |
By default no arrows are displayed. You can change this by adding the show-arrows prop. If you set the prop value to "hover", they will only show when you mouse over the window.
The reverse prop will reverse the transitions
<ExamplesExample file="v-window/prop-reverse" />You can change the transition to vertical using the direction prop
<ExamplesExample file="v-window/prop-direction" />Arrows can be customized by using prev and next slots.
<ExamplesExample file="v-window/slots-next-prev" />Create rich forms with smooth animations. v-window automatically tracks the current selection index to change the transition direction.
v-window makes it easy to create custom components such as a differently styled stepper.