Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health28 } from "@/components/beste/piece/health28";
<Health28
medication="Lisinopril"
dose="10 mg · 1 tab daily"
schedule="Morning with food"
pharmacy="Green Cross Pharmacy"
refill="Refill on May 12"
remaining={8}
total={30}
tone="violet"
/>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.
Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.
Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.
Weight tracker with current and goal weights, a 30-day change pill, and a mini line chart underneath.
Daily steps card with a gradient progress bar, percent chip, and a distance and calorie footer.