H Rule
Separate adjacent content with a horizontal rule.
Preview
Import
import { HRule } from "@sigil-ui/components";Usage
<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 |