Skip to main content
The Separator component provides a visual divider between content sections.

Installation

Usage

Props

string
default:"horizontal"
Orientation of the separator.Options: horizontal, vertical
string
Additional CSS classes.

Examples

Horizontal Separator

Vertical Separator

In a Menu

Custom Styling

Accessibility

  • Built on @base-ui/react Separator primitive
  • Proper semantic role=“separator”
  • Orientation communicated to screen readers
  • Default margins for spacing