Large headline number with an uppercase label and an optional tiny hint line.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Stats1 } from "@/components/beste/piece/stats1";
<Stats1
value="128K"
label="Active users"
hint="Across 42 countries"
/>Gradient hero card with a huge headline number, uppercase label, and a short context caption.
Support Queue
A headline count with a trend note, a tick-segmented progress bar, and a dotted legend breaking the total into stages.
Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.
Headline value with a signed trend arrow, percentage, and period caption.
Colored icon tile beside a bold stat and a one-line description.
Small progress ring with a centered score paired with a short label and caption.