Stat
NewdataCompact metric card with label, value, change text, and trend tone.
import { Stat } from '@/components/forge'Preview
Stat
Components
27
+10 added
Coverage
94%
Stable
Issues
2
-3 fixed
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
label | React.ReactNode | - | Yes | Metric label |
value | React.ReactNode | - | Yes | Metric value |
change | React.ReactNode | - | No | Supporting change text |
trend | 'up' | 'down' | 'neutral' | 'neutral' | No | Change text tone |
Variants
updownneutral
Accessibility
- Uses semantic text instead of color-only state
- Card content reads in label, value, change order