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

Examples

#1 Full bleed
edit
Full bleed dividers extend the entire content width.

#2 Full bleed
edit
Dividers have light and dark variants.

#3 Inset dividers
edit
Inset dividers are moved 72px to the right. This will cause them to line up with list items.

#4 Subheaders and dividers
edit
Subheaders can be lined up with inset dividers by using the same prop.

API

chevron_leftchevron_right