Side-by-side compare card with previous and current values separated by an arrow, and a semantic delta pill in the header.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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}
/>