data/@mihcm/ui·v0.21.0·stable
StatCard
Centered icon tile + big number + caption. The "Quick stats" row primitive — six tones to match the metric meaning.
Props
The full prop API for StatCard. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
value | ReactNode | — | Big number / metric. | 0.4.0 |
label | ReactNode | — | Caption below the value. | 0.4.0 |
icon | ReactNode | — | Optional icon, 18 px inside a 36 × 36 tile. | 0.4.0 |
tone | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'neutral' | 'primary' | Color tone for the tile and the value text. | 0.4.0 |
Import
import { StatCard } from '@mihcm/ui/StatCard';