KPICard
DASHBOARDKey performance indicator card with value, label, and trend arrow.
[EXAMPLES]
With Trend
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| title | string | — | KPI label (renders UPPERCASE) |
| value | string | number | — | Display value |
| change | number | — | Percentage change number |
| trend | "up" | "down" | "neutral" | — | Trend direction arrow |
| icon | ReactNode | — | Optional icon |
[ACCESSIBILITY]
ARIA
- >Semantic card structure
- >Trend communicated via text and icon