layout contract
Divider
Hairline separator. Horizontal by default; vertical when in a row.
Variants
- solid
- Single 1px hairline
- with-text
- Hairline with centred label ("OR", "Section")
Sizes
- sm
- spacing-2 around
- md
- spacing-4
- lg
- spacing-6
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.