Components › Display
Divider
A rule with an optional label, such as “or” between sign-in options or a date between messages.
Installation
npx plankui@latest add dividerUsage
import { Divider } from "@/components/ui/divider";
<Divider>or</Divider>
<Divider align="start" variant="dashed">Yesterday</Divider>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | The label. Leave empty for a plain rule. | |
| align | "start" | "center" | "end" | "center" | Where the label sits. |
| variant | "solid" | "dashed" | "solid" | Line style. |