Rose-tinted allergy panel with reaction descriptions and severity pills ranging from mild to severe.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health24 } from "@/components/beste/piece/health24";
<Health24
title="Known allergies"
allergies={[
{
"name": "Penicillin",
"reaction": "Hives, rash",
"severity": "high"
},
{
"name": "Shellfish",
"reaction": "GI upset",
"severity": "low"
},
{
"name": "Pollen · grass",
"reaction": "Congestion, sneezing",
"severity": "low"
}
]}
/>FDA-style nutrition panel with a thick rule under calories and indented sub-nutrient rows.
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.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.
Upcoming medical visit with provider, specialty, a muted location block, and an italic reason line.
Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.