Mini Dashboard

2x2 grid of stat cells inside one card, separated by a thin cross divider.

$48KRevenue

2,340Orders

12.4%Conversion

6:42Avg session

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

Import & use

import { Stats8 } from "@/components/beste/piece/stats8";

<Stats8
  cells={[
    {
      "value": "$48K",
      "label": "Revenue"
    },
    {
      "value": "2,340",
      "label": "Orders"
    },
    {
      "value": "12.4%",
      "label": "Conversion"
    },
    {
      "value": "6:42",
      "label": "Avg session"
    }
  ]}
/>