Single-metric card with a large value, semantic delta pill that flips emerald for gains and rose for losses, and a comparison period.
New here? Read the installation guide.
import { Dashboard1 } from "@/components/beste/piece/dashboard1";
<Dashboard1
label="MRR"
value="$48.2K"
delta={12.4}
period="vs last month"
/>This week
Mon – SunBooked
142
+9
No-shows
3
-4
Hours
96
0
A wide panel with a titled header row and three metrics split by vertical hairlines, each carrying its own signed change.
Collected this month
vs last month
A single metric with a headline value, a signed trend, and an area sparkline of its recent trajectory.
Two-by-two KPI grid where each cell carries a tone-tinted icon tile, label, and monospaced value.
Three horizontally divided metric cells in one card, each with a label, value, and semantic delta arrow.