Panel
A Panel component from the Sigil design system.
Import
import { Panel, PanelHead } from "@sigil-ui/components";Preview
Usage
<Panel>...</Panel>Sub-components
This component includes the following parts:
<PanelHead>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
compact | boolean | — | Tighter padding rhythm. |
square | boolean | — | Flush corners + tighter rhythm for inset/detail layouts. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-border-style | Border style |
--s-border | Border |
--s-surface | Surface |
--s-radius-none | Radius none |
--s-card-radius | Card radius |