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

v-window
이름
active-class
디폴트
'v-item--active'
타입
string

Components.Windows.

이름
dark
디폴트
false
타입
boolean

다크 테마를 적용

이름
light
디폴트
false
타입
boolean

라이트 테마를 적용

이름
mandatory
디폴트
true
타입
boolean

Components.Windows.

이름
max
디폴트
undefined
타입
number | string

최대 너비(maximum width)를 설정

이름
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

표시여부를 조절 (Controls visibility)

이름
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.

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