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.

Uso

Designed to easily cycle through content, v-window provides a simple interface to create truly custom implementations.

API

v-window
Nombre
active-class
Default
'v-item--active'
Type
string

Components.Windows.

Nombre
dark
Default
false
Type
boolean

Aplica la variante del tema dark

Nombre
light
Default
false
Type
boolean

Aplica la variante del tema light

Nombre
mandatory
Default
true
Type
boolean

Components.Windows.

Nombre
max
Default
undefined
Type
number | string

Configura el ancho máximo

Nombre
multiple
Default
false
Type
boolean

Components.Windows.

Nombre
reverse
Default
false
Type
boolean

Components.Windows.

Nombre
touch
Default
undefined
Type
object

Components.Windows.

{
  left: Function",
  right: Function"
}
Nombre
touchless
Default
false
Type
boolean

Components.Windows.

Nombre
value
Default
undefined
Type
any

Controla la visibilidad

Nombre
vertical
Default
false
Type
boolean

Components.Windows.

Ejemplos

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.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore