KPI
A KPI component from the Sigil design system.
Import
import { KPI } from "@sigil-ui/components";Preview
Usage
<KPI>KPI content</KPI>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Metric label. |
value | `string | number` | — |
change | string | — | Change amount (e.g. "+12.5%"). |
trend | `"up" | "down" | "neutral"` |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-success | Success |
--s-error | Error |
--s-text-muted | Text muted |
--s-border-style | Border style |
--s-border | Border |
--s-radius-card | Radius card |
--s-surface | Surface |
--s-shadow-sm | Shadow sm |
--s-text | Text |