Components

Separator

A quiet horizontal or vertical divider for content that needs a little more separation than whitespace.

Orientation

Horizontal separators fill their container. Vertical separators stretch to the height of their flex row.

Checks passedUpdated two minutes ago

tsx

<Status tone="success">Checks passed</Status>
<Separator />
<Status>Updated two minutes ago</Status>

Separator is decorative by default. Set decorative=falsewhen the divider represents a meaningful boundary that belongs in the accessibility tree.