Components
Metric tile
A compact stat, for when comparison matters more than detail.
Renewing in 30 days
3contracts$992K
Awaiting decision
12requests
Spend this quarter
$294K
Installation
npx shadcn@latest add https://ui.whoisroktim.lol/r/metric-tile.jsonSmaller than an insight card
No sparkline, no progress track, no delta. Label, number, unit, and optionally a target pushed to the right.
Use it when several metrics sit side by side and the point is comparing them at a glance. Use an InsightCard when one metric deserves its own shape and history.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | What the number is. |
| value | string | — | Already formatted. |
| unit | string | — | Sits after the value, in placeholder ink. |
| target | string | — | Pushed right — a goal, a cap, or the money behind the count. |