Appointment Card

Upcoming medical visit with provider, specialty, a muted location block, and an italic reason line.

Dr. Rana Elgin, MDEndocrinology
Thu, May 2 · 09:30Memorial West · Suite 412
Annual check-up

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

Import & use
import { Health21 } from "@/components/beste/piece/health21";

<Health21
  provider="Dr. Rana Elgin, MD"
  specialty="Endocrinology"
  when="Thu, May 2 · 09:30"
  location="Memorial West · Suite 412"
  reason="Annual check-up"
  tone="sky"
/>