A single metric with a headline value, a signed trend, and an area sparkline of its recent trajectory.
Collected this month
vs last month
New here? Read the installation guide.
import { Dashboard32 } from "@/components/beste/piece/dashboard32";
<Dashboard32
label="Collected this month"
value="$92.4K"
delta={8.6}
period="vs last month"
data={[
18,
24,
20,
32,
28,
40,
38,
52,
60
]}
/>Compact metric card with a large value, delta percentage, and an SVG sparkline with a tone-colored stroke and faint area fill.
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.
Target-tracking card with a target icon, current / goal values, a tone-colored progress bar, and a deadline footer.
Single-metric card with a large value, semantic delta pill that flips emerald for gains and rose for losses, and a comparison period.