Layout Primitives
Divider
A separator between sections. Horizontal, vertical, or with a centred label.
Horizontal Divider
Between content blocks
Section A
Section B
Section C
Labeled Divider
With centered label
Email Sign-In
OR
Social Sign-In
Vertical Divider
In a flex row
Left
Center
Right
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | The direction of the divider line. |
label | string | — | Optional centered text label within a horizontal divider (e.g. "OR"). |
className | string | — | Additional CSS classes to apply to the divider element. |
Import
import { Divider } from "@mikenotthepope/substrateui"