Divider
A horizontal rule, optionally with a centred label — the “or” between two login methods.
import Divider from '@/components/ui/Divider';Source: src/components/ui/Divider.tsx
Examples
Plain and labelled
or
continue with
Props
<Divider> props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Optional centered label, e.g. <Divider>tai</Divider> between login options. |
className | string | '' | — |
Usage
Don’t
- Don’t use a Divider where spacing would do. A rule between every pair of things is noise, not structure.
Related:Stack