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.

用例

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

API

props

slots

名称

active-class

默认值

'v-item--active'

类型

string

Components.Windows.

名称

dark

默认值

false

类型

boolean

应用暗黑主题变体

名称

light

默认值

false

类型

boolean

应用明亮主题变体

名称

mandatory

默认值

true

类型

boolean

Components.Windows.

名称

max

默认值

undefined

类型

number | string

设置最大宽度

名称

multiple

默认值

false

类型

boolean

Components.Windows.

名称

reverse

默认值

false

类型

boolean

Components.Windows.

名称

touch

默认值

undefined

类型

object

Components.Windows.

{
  left: Function",
  right: Function"
}

名称

touchless

默认值

false

类型

boolean

Components.Windows.

名称

value

默认值

undefined

类型

any

控制可见性

名称

vertical

默认值

false

类型

boolean

Components.Windows.

示例

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