The v-divider component is used to separate sections of lists.


Full bleed dividers extend the entire content width.



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