HRule
A HRule component from the Sigil design system.
Import
import { HRule } from "@sigil-ui/components";Preview
Usage
<HRule>HRule content</HRule>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | ReactNode | — | Optional label rendered in the center of the rule. |
showCross | boolean | — | Show cross marks at endpoints. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-border | Border |
--s-cross-stroke | Cross stroke |
--s-font-mono | Font mono |
--s-text-muted | Text muted |