Default
Weight (subtle / strong)
Fade (cut-out sides, low opacity)
Full width vs inset — tapers before edges
Fade + label
Admin
Line style (dashed / dotted)
Vertical
DraftsPublishedArchived
Label (center)
or continue with
Label align (start / end)
Section
Section
Labeled + dashed
or
In content
Section one content above.
Section two content below.
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| mode | Optional | "light" | "dark" | light | Color mode. |
| variant | Optional | "default" | "subtle" | "strong" | "fade" | default | Border contrast, or fade — low-opacity gradient tapered at both ends. |
| inset | Optional | boolean | false | Fade variant — horizontal inset so the line fades before container edges. |
| fadeOpacity | Optional | number | 0.4 | Fade variant — peak line opacity (0–1). |
| lineStyle | Optional | "solid" | "dashed" | "dotted" | solid | Line pattern. |
| orientation | Optional | "horizontal" | "vertical" | horizontal | Horizontal rule or vertical separator between inline items. |
| label | Optional | string | — | Optional label text (horizontal only). |
| labelAlign | Optional | "start" | "center" | "end" | center | Label position when label is set. |