Skip to main content

Function: Separator()

Separator(__namedParameters): any

Defined in: components/Separator/Separator.tsx:51

A semantic divider that separates content groups.

Entity = Structure → reads vars.colors.informational.* for the line color and vars.border.divider.* for its width/style. Non-interactive: it has no hover/focus state. Orientation follows React Aria (horizontal default); the painted edge uses logical properties so it is correct under dir="rtl".

Parameters

ParameterType
__namedParametersSeparatorProps

Returns

any

Example

<Separator />
<Separator orientation="vertical" />
<Separator evaluation="primary" />