v-divider component is used to separate sections of lists.
Full bleed dividers extend the entire content width.
Applies the dark theme variant
Adds indentation (72px) for normal dividers, reduces max height for vertical.
Applies the light theme variant
Creates a vertical divider
Light and dark
Dividers have light and dark variants.
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.
Inset dividers and subheaders can help break up content
Dividers in Portrait View
Create custom cards to fit any use-case
Vertical dividersNew in v1.1
Vertical dividers give you even more tools for unique layouts.