Registry Index
ComponentReactregistry:ui

Separator

separator

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.

This item declares no source files.

Notes from the author

Set orientation=vertical inside a flex row; give the row a height for the divider to show.
1 example

See it in use

Used by 4 items

Built on Separator

Other @ai2 items that list this one as a dependency.

@ai2

More from @ai2