BP reading pairing systolic over diastolic with a status pill and a color-dotted legend beneath.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health2 } from "@/components/beste/piece/health2";
<Health2
systolic={118}
diastolic={76}
status="normal"
statusLabel="Normal"
measured="Measured at 08:42"
label="Blood pressure"
unitLabel="mmHg"
tone="neutral"
/>Resting bpm card with a pulsing heart tile, large value, and a mini ECG trace underneath.
Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.
Oxygen saturation ring with the percentage stacked in the center and a pulse note on the side.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
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.