Base/Separator

Separator

A visual divider built on Radix UI. Use it to separate sections of content both horizontally and vertically. Prefer it over raw <hr> or border-t divs.

Horizontal

Default orientation — full-width divider.

Section A

Content above the separator.

Section B

Content below the separator.

Vertical

Used to separate inline elements.

Blog
Docs
Source

In Toolbar

Vertical separator between toolbar sections, as used in the UI catalog header.

Home
Catalog
Separator

In Menu

Horizontal separators dividing logical sections in a list.

Profile
Settings
Billing
Team
Sign out