Med Reminders

Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.

Medication · Today
08:00
Metformin500 mg
Taken
13:00
Vitamin D1000 IU
Taken
19:30
Lisinopril10 mg
Upcoming
22:00
Atorvastatin20 mg
Upcoming

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
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"
/>