Components/Feedback & Utilities

Separator

@base-ui/react/separator
npx shadcn@latest add @karan-ui/separator
@base-ui/react/separator•Feedback & Utilities

Separator Interactive Canvas

Visually or semantically separates content with horizontal or vertical orientation and optional text dividers.

Canvas
Section Alpha

Content preceding the separator rule demonstrating flow and spacing.

Section Beta

Content following the separator rule demonstrating structural division.

Props Controls

5 props
'horizontal' | 'vertical'
'neutral' | 'subtle' | 'strong' | 'primary'
'default' | 'lg'
string
'start' | 'center' | 'end'