Components

Separator

A thin rule that splits content into groups, with an optional short label in the middle.

28 October 2026

Added

First release: a horizontal and vertical rule over Base UI Separator (orientation, default horizontal).
label for horizontal rules: the text sits in the middle of the rule and names the Separator with aria-labelledby.
decorative: hides the rule from screen readers with role="none".
The rule is driven by the color-border-subtle and border-width-default tokens.
data-component="separator" and data-part="label" attributes.