Separator
Visually or semantically separates content.
Horizontal
A horizontal separator dividing content.
Content above the separator
Content below the separator
Vertical
A vertical separator between inline elements.
Blog
Docs
Source
In a Card
Using separators to organize card content.
Account Settings
Manage your account preferences
Email notificationsEnabled
Two-factor authDisabled
API accessActive
Section Divider
Separating distinct sections of content.
Personal Information
Name: John Doe
Email: john@example.com
Phone: +1 234 567 8900
Address
123 Main Street
Apt 4B
New York, NY 10001
Preferences
Language: English
Timezone: EST
Theme: System
With Text Label
Separator with text in the middle.
OR
Navigation Example
Using separators in navigation menus.