layout contract

Divider

Hairline separator. Horizontal by default; vertical when in a row.

Variants

  • solid
  • with-text

Sizes

  • sm
  • md
  • lg

Example

<Divider />

Usage rule

Color is color.separator.opaque or .nonOpaque.

The full Divider contract has 3 more rules, plus the do-not patterns. Get the full recipe.

Get the Divider contract in your project.