Divider
The v-divider
component is used to separate sections of lists.
API
Nome
dark
Padrão
false
Tipos
boolean
Components.Dividers.
Nome
inset
Padrão
false
Tipos
boolean
Components.Dividers.
Nome
light
Padrão
false
Tipos
boolean
Components.Dividers.
Nome
vertical
New in — v1.1
Padrão
false
Tipos
boolean
Components.Dividers.
Exemplos
Light and dark
Dividers have light and dark variants.
Inset dividers
Inset dividers are moved 72px to the right. This will cause them to line up with list items.
Subheaders and dividers
Subheaders can be lined up with inset dividers by using the same prop.
List dividers
Inset dividers and subheaders can help break up content
Dividers in Portrait View
Create custom cards to fit any use-case
Vertical dividers
Vertical dividers give you even more tools for unique layouts.