Metric Card

KPI label, a bold value, and a signed percentage trend badge.

Monthly revenue
$12,459+24%

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

Import & use
import { Card1 } from "@/components/beste/piece/card1";

<Card1
  label="Monthly revenue"
  value="$12,459"
  trend={24}
  direction="up"
/>