Two-by-two KPI grid where each cell carries a label and a value, with an optional tone-colored icon.
The import and the props worth knowing about, in one place.
import { Dashboard3 } from "@/components/beste/piece/dashboard3";
<Dashboard3
surface="card"
bordered={false}
inverted={false}
widgets={[
{
"label": "Revenue",
"value": "$48.2K"
},
{
"label": "Orders",
"value": "1,284"
},
{
"label": "Users",
"value": "9.4K"
},
{
"label": "Events",
"value": "62.1K"
}
]}
tone="primary"
/>