Components

Separator

Separators divide related content into smaller visual groups without introducing heavy container chrome. They can be used horizontally between sections or vertically between inline items.

Horizontal Separators

Horizontal separators are the most common pattern for splitting stacked content.

Vertical Separators

Vertical separators help divide inline controls or short metadata groups.

API reference

Separator wraps Base UI Separator. Use the Base UI API reference for orientation and accessibility details.

Edit this page
Last updated: May 22, 2026, 6:53 PM