Divider

About Divider

Divider creates visual separation between content blocks. The simplest variant is a thin rule across the full width of its container; the more elaborate variant adds a centered label in the middle of the rule ("OR", "Recent", etc.) with the rule flanking it on either side.

Vertical mode separates inline content with a small vertical rule — useful between flexible row items like nav menus and toolbar buttons.

When to use it

• Separating sections in a long form.
• "OR" divider between social-login and email-login options.
• Inline separators in toolbar groups.
• Section breaks in long-form content.

Common props