@orangecheck/design / StatusPillProps
Interface: StatusPillProps
Defined in: primitives/status-pill.tsx:15
Properties
| Property | Type | Description | Defined in |
|---|---|---|---|
<a id="property-classname"></a> className? | string | - | primitives/status-pill.tsx:25 |
<a id="property-filled"></a> filled? | boolean | bordered only: add a bg-{tone}/10 fill for at-a-glance emphasis on dense dashboards (me's compliance/severity pills). Ignored when plain. | primitives/status-pill.tsx:22 |
<a id="property-icon"></a> icon? | any | Optional leading icon (e.g. a lucide icon sized size-3). | primitives/status-pill.tsx:24 |
<a id="property-label"></a> label | string | Status label (rendered lowercase in plain, uppercase in bordered). | primitives/status-pill.tsx:17 |
<a id="property-tone"></a> tone? | StatusTone | - | primitives/status-pill.tsx:18 |
<a id="property-variant"></a> variant? | StatusPillVariant | - | primitives/status-pill.tsx:19 |