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.

Utilização

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

API

props

slots

Nome

active-class

Padrão

'v-item--active'

Tipos

string

Components.Windows.

Nome

dark

Padrão

false

Tipos

boolean

Components.Windows.

Nome

light

Padrão

false

Tipos

boolean

Components.Windows.

Nome

mandatory

Padrão

true

Tipos

boolean

Components.Windows.

Nome

max

Padrão

undefined

Tipos

number | string

Define a largura máxima

Nome

multiple

Padrão

false

Tipos

boolean

Components.Windows.

Nome

reverse

Padrão

false

Tipos

boolean

Components.Windows.

Nome

touch

Padrão

undefined

Tipos

object

Components.Windows.

{
  left: Function",
  right: Function"
}

Nome

touchless

Padrão

false

Tipos

boolean

Components.Windows.

Nome

value

Padrão

undefined

Tipos

any

Controla visibilidade

Nome

vertical

Padrão

false

Tipos

boolean

Components.Windows.

Exemplos

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.

Up Next

Edit this page | language on Github

— Contribution Guide