Divider

Dividers are subtle lines used to separate content in lists or separate blocks of content. They can be either vertical or horizontal.

Takeaways

• Only use dividers if elements cannot be separated using white space.
• Use dividers sparingly. They usually are better for creating groups rather than separate items.

Intensities

Dividers have different intensity levels to match different backgrounds and interaction states.

Intensity	Purpose
1. Normal	Default color for dividers and subtle component borders.
2. High	For dividers over grey surfaces.