디바이더 (Divider)

v-divider 컴포넌트는 리스트의 섹션을 분리합니다.

사용법

Full bleed dividers extend the entire content width.

API

v-divider
이름
dark
디폴트
false
타입
boolean

다크 테마를 적용

이름
inset
디폴트
false
타입
boolean

들여쓰기(indentation) 추가 (72px)

이름
light
디폴트
false
타입
boolean

라이트 테마를 적용

이름
vertical New in — v1.1
디폴트
false
타입
boolean

Components.Dividers.

예제

라이트/다크 (Light and dark)

디바이더는 라이트와 다크 변형이 있습니다.

삽입형 디바이더 (Inset dividers)

삽입형 디바이더(Inset dividers)는 오른똑으로 72px 치우쳐 있어서 리스트 아이템들과 잘 맞게됩니다.

서브헤더와 디바이더 (Subheaders and dividers)

서브헤더(Subheaders)는 같은 prop을 사용하는 삽입형 디바이더와 줄이 잘 맞습니다.

리스트 디바이더

삽입형 디바이더와 서브헤더로 컨텐츠를 나눕니다.

새로보기에서의 디바이더

어떤 상황에도 적합한 커스텀 카드를 만듭니다.

Vertical dividers

Vertical dividers give you even more tools for unique layouts.

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