Separator

Atom

Visual divider between sections of content. Supports horizontal and vertical orientation, and an optional centered label for horizontal dividers.

Preview

Section one content

Section two content

Code

<p>Section one content</p>
<Separator />
<p>Section two content</p>

Preview

Profile

Settings

Billing

Code

<span>Profile</span>
<Separator orientation="vertical" />
<span>Settings</span>

<Separator label="OR" />