KPI Tile

Single-metric card with a large value, semantic delta pill that flips emerald for gains and rose for losses, and a comparison period.

MRR$48.2K

+12.4%vs last month

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

Import & use

import { Dashboard1 } from "@/components/beste/piece/dashboard1";

<Dashboard1
  label="MRR"
  value="$48.2K"
  delta={12.4}
  period="vs last month"
/>