Immunization log listing vaccines with date and optional lot, topped with a status summary pill.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health23 } from "@/components/beste/piece/health23";
<Health23
title="Vaccination record"
vaccines={[
{
"name": "Tetanus (Tdap)",
"date": "2024-04-12",
"lot": "Lot K91A"
},
{
"name": "Influenza",
"date": "2025-10-03"
},
{
"name": "COVID-19 booster",
"date": "2026-01-18"
}
]}
status="Up to date · No boosters due"
tone="emerald"
/>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.
Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.
Daily fasting-glucose readings with a latest value in the header and optional context tags per row.
Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.
Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.
Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.