v-divider 컴포넌트는 리스트의 섹션을 분리합니다.
Dividers in their simplest form display a horizontal line.
삽입형 디바이더 (Inset dividers)
삽입형 디바이더(Inset dividers)는 오른쪽으로 72px 치우쳐 있어서 리스트 아이템들과 잘 맞게됩니다.
Vertical dividers give you more tools for unique layouts.
Vertical inset dividers
Vertical dividers can also be paired with the
inset prop for even more options.
Dividers and subheaders
Dividers and subheaders can help break up content and can optionally line up with one another by using the same
Dividers in Portrait View
Create custom cards to fit any use-case
v-divider components are assigned the WAI-ARIA role of separator which denotes that the divider "separates and distinguishes sections of content or groups of menuitems." However, sometimes a divider is just a way to make an interface look nice. In those cases, the role of presentation should be used which denotes "an element whose implicit native role semantics will not be mapped to the accessibility API." To override the default separator role in a
v-divider, simply add a
role="presentation" prop to your component. In addition,
v-divider components have an
aria-orientation="vertical" will be set automatically as well. If
aria-orientation="undefined", it's default value.