core
Separator
Example
or continue with
Import
import { Separator } from '@connor-adams/designsystem'Usage
A hairline rule to separate sections, list rows, or inline metadata.
<Separator />
<Separator orientation="vertical" /> {/* inside a flex row */}
<Separator label="or" />
Variants: orientation="horizontal" | "vertical", optional label.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | undefined | horizontal | |
| label | ReactNode | — |