Separator

A Base UI separator component

One pixel of the border color, horizontal or vertical.

Horizontal or vertical divider on radix-ui with 2 variants (solid, dashed) and an optional centered label that renders a two-line divider with text (e.g. OR). Decorative by default with correct aria semantics when not.

Visually or semantically separates content.

A visual divider that separates content into distinct sections.

An example auth screen — card, fields, and buttons.

An example settings screen — tabbed sections of form controls.