Target-tracking card with a target icon, current / goal values, a tone-colored progress bar, and a deadline footer.
New here? Read the installation guide.
import { Dashboard13 } from "@/components/beste/piece/dashboard13";
<Dashboard13
label="Q2 revenue goal"
current="$148K"
target="$240K"
ofLabel="of"
progress={62}
remaining="$92K to goal"
deadline="28 days left"
tone="emerald"
/>Collected this month
vs last month
A single metric with a headline value, a signed trend, and an area sparkline of its recent trajectory.
Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.
Compact metric card with a large value, delta percentage, and an SVG sparkline with a tone-colored stroke and faint area fill.
Horizontal milestone tracker with tone-filled done checks, a ringed current step, muted pending steps, and dates below.