This week
Booked
142
+9
No-shows
3
-4
Hours
96
0
A wide panel with a titled header row and three metrics split by vertical hairlines, each carrying its own signed change.
The import and the props worth knowing about, in one place.
import { Dashboard33 } from "@/components/beste/piece/dashboard33";
<Dashboard33
surface="card"
bordered={false}
inverted={false}
title="This week"
items={[
{
"label": "Booked",
"value": "142",
"delta": "+9",
"direction": "up"
},
{
"label": "No-shows",
"value": "3",
"delta": "-4",
"direction": "down"
},
{
"label": "Hours",
"value": "96",
"delta": "0",
"direction": "flat"
}
]}
/>