Skip to content

Divider

Dividers enhance layout clarity by grouping and separating related content. They also contribute to rhythm and hierarchy in a design.

  • Horizontal (default): Separates content vertically.
  • Vertical: Used for horizontal content separation.

Orientation Options

Vertical dividers can be used to provide some visual separation between 2 or more elements

Vertical Dividers

Dividers should be used sparingly to maintain clarity and avoid unnecessary visual noise. Overuse Do Overuse Dont