Skip to content

Separator

A hairline that divides content.

Group: Layout · Kind: macro · in the lite catalog

example
orientation · vertical
InboxDrafts

Open in the playground

The same specimen painted by React, SwiftUI, Compose and gpui.

exponential-ui-separator on Web
exponential-ui-separator on iOS
exponential-ui-separator on Android
exponential-ui-separator on Desktop
Prop Type Required Bindable Description
orientation horizontal | vertical – – A horizontal rule or a vertical bar. Default "horizontal".

None.

None.

none

The basic catalog’s Divider renders as Separator.

Box

Role: separator

separator

Not focusable; no keys.

Recipe parts: Separator/root

Keyed by: :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover

Themes · Write a theme

SplitView · Box · Stack · Grid · Card · List · Resizable · ScrollArea