Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.
The import and the props worth knowing about, in one place.
import { Health10 } from "@/components/beste/piece/health10";
<Health10
heading="Morning vitals"
vitals={[
{
"icon": "heart",
"label": "Heart",
"value": "72",
"unit": "bpm"
},
{
"icon": "temp",
"label": "Temp",
"value": "36.6",
"unit": "°C"
},
{
"icon": "bp",
"label": "BP",
"value": "118/76",
"unit": "mmHg"
},
{
"icon": "spo2",
"label": "SpO₂",
"value": "98",
"unit": "%"
}
]}
bordered={false}
/>