MetricCard
MetricCard Component
Playground
Revenue
$12,345
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| label | text | — | |
| value | text | — | |
| change | number | — |
Default
Revenue
$12,345
Positive
Users
1,234
↑ 12.5%vs last month
Negative
Errors
23
↓ 5.2%
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
change | number | — | Change percentage |
label | text | — | Metric label |
value | text | — | Metric value |
Using MetricCardtsx
import { MetricCard } from '@/components/MetricCard'
<MetricCard
label="..."
value="..."
change="..."
/>Tokens Used
No design tokens detected