KPI Sparkline

Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.

Active users · 30d128,420

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Stats4 } from "@/components/beste/piece/stats4";

<Stats4
  label="Active users · 30d"
  value="128,420"
  data={[
    22,
    28,
    24,
    34,
    40,
    38,
    48,
    52,
    60,
    58,
    72,
    84
  ]}
  tone="success"
/>