Diagonal
A Diagonal component from the Sigil design system.
Import
import { Diagonal } from "@sigil-ui/components";Preview
Usage
<Diagonal>Diagonal content</Diagonal>Props
| Prop | Type | Default | Description |
|---|---|---|---|
direction | `"left" | "right"` | right |
height | number | 80 | Height of the diagonal section. |
fill | string | — | Fill color (CSS value). Defaults to the surface token. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-surface | Surface |