A compact card pairing a radial progress ring with its percentage, a label, and a short caption.
Capacity used
of licensed seats
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Stats15 } from "@/components/beste/piece/stats15";
<Stats15
label="Capacity used"
percent={78}
caption="of licensed seats"
/>Small progress ring with a centered score paired with a short label and caption.
Gradient hero card with a huge headline number, uppercase label, and a short context caption.
2x2 grid of stat cells inside one card, separated by a thin cross divider.
Large headline number with an uppercase label and an optional tiny hint line.
Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.
Three stats side by side inside one card, separated by vertical dividers.