Metric Comparison

Side-by-side compare card with previous and current values separated by an arrow, and a semantic delta pill in the header.

Conversion rate+12%

Last week3.41%

This week3.82%

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

Import & use

import { Dashboard10 } from "@/components/beste/piece/dashboard10";

<Dashboard10
  label="Conversion rate"
  currentLabel="This week"
  currentValue="3.82%"
  previousLabel="Last week"
  previousValue="3.41%"
  delta={12}
/>