Three horizontally divided metric cells in one card, each with a label, value, and semantic delta arrow.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Dashboard29 } from "@/components/beste/piece/dashboard29";
<Dashboard29
metrics={[
{
"label": "ARR",
"value": "$1.82M",
"delta": 8.4
},
{
"label": "Churn",
"value": "2.1%",
"delta": -0.3
},
{
"label": "NPS",
"value": "48",
"delta": 6
}
]}
/>