Daily fasting-glucose readings with a latest value in the header and optional context tags per row.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health27 } from "@/components/beste/piece/health27";
<Health27
metric="Blood glucose · fasting"
unit="mg/dL"
readings={[
{
"time": "Mon",
"value": 96
},
{
"time": "Tue",
"value": 104,
"tag": "post-pasta"
},
{
"time": "Wed",
"value": 92
},
{
"time": "Thu",
"value": 88
},
{
"time": "Fri",
"value": 102
}
]}
tone="rose"
/>Throbbing. Worsens after screen time. No aura. Taken paracetamol 500 mg.
Symptom entry with a severity pill, onset timestamp, and free-form notes on a muted panel.
Meal log pairing kcal with a three-segment macro bar for carbs, protein, and fat grams.
Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.
Immunization log listing vaccines with date and optional lot, topped with a status summary pill.
Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.
FDA-style nutrition panel with a thick rule under calories and indented sub-nutrient rows.