Show a number with its label and trend.
The basic Stat usage. A trend that starts with - is shown as a drop.
Use extra for a small chart or an icon on the right.
Pair the Stat cards with a SegmentedControl that changes the period they show.
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| label | what the number measures | ReactNode | - | - |
| value | the number | ReactNode | - | - |
| change | trend text, a leading - is shown as drop | string | - | - |
| extra | chart or icon on the right | ReactNode | - | - |
| ... | native props | HTMLAttributes | - | - |