Introduction
Dividers are used to visually divide content in lists and layouts, effectively separating and organising content into distinct groups. By grouping and dividing content in close proximity, dividers enhance the clarity of a layout. Additionally, they can establish rhythm and hierarchy within the overall design.
- Dividers can be display horizontally or vertically
- Dividers can be used when whitespace cannot separate elements
- Use to separate lists or layout elements
Usage
Use a divider to separate elements visually and semantically.
Don’t use dividers as a border for elements.
Mobile Usage
Also known as
Horizontal rule, Separator
Related
Block, Card