← All Components

Divider

Horizontal or vertical separator with optional centered label.

Horizontal

Content above

Content below

With Label

Vertical

LeftRight

Props

PropTypeDescription
orientation"horizontal" | "vertical"Direction of the divider line
labelReactNodeOptional centered label (horizontal only)
classNamestringAdditional classes on the root element

Usage

<Divider /> <Divider label="or continue with" /> <Divider orientation="vertical" />