Stat
Displays a key metric with label and optional change indicator.
Preview
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Metric label |
value | string | — | Metric value |
change | string | — | Change text |
trend | string | — | up or down |
Usage
const { Stat } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
React.createElement(Stat, { label: 'Revenue', value: '$12,345', change: '+12%', trend: 'up' })
);