Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health20 } from "@/components/beste/piece/health20";
<Health20
heading="Medication · Today"
reminders={[
{
"time": "08:00",
"name": "Metformin",
"dose": "500 mg",
"taken": true
},
{
"time": "13:00",
"name": "Vitamin D",
"dose": "1000 IU",
"taken": true
},
{
"time": "19:30",
"name": "Lisinopril",
"dose": "10 mg"
},
{
"time": "22:00",
"name": "Atorvastatin",
"dose": "20 mg"
}
]}
tone="rose"
/>Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
Week-at-a-glance meal plan with breakfast, lunch, and dinner columns and today highlighted in primary.
Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.
Upcoming medical visit with provider, specialty, a muted location block, and an italic reason line.
Weight tracker with current and goal weights, a 30-day change pill, and a mini line chart underneath.
Immunization log listing vaccines with date and optional lot, topped with a status summary pill.