Three horizontally divided metric cells in one card, each with a label, value, and a signed delta.
The import and the props worth knowing about, in one place.
import { Dashboard29 } from "@/components/beste/piece/dashboard29";
<Dashboard29
surface="card"
bordered={false}
inverted={false}
metrics={[
{
"label": "ARR",
"value": "$1.82M",
"delta": 8.4
},
{
"label": "Churn",
"value": "2.1%",
"delta": -0.3
},
{
"label": "NPS",
"value": "48",
"delta": 6
}
]}
/>