Vaccination Record

Immunization log listing vaccines with date and optional lot, topped with a status summary pill.

Vaccination record

Tetanus (Tdap)2024-04-12Lot K91A

Influenza2025-10-03

COVID-19 booster2026-01-18

Up to date · No boosters due

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

Import & use

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"
/>