Overnight HRV score card with a large value, positive status blurb, and a seven-day emerald bar chart.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health25 } from "@/components/beste/piece/health25";
<Health25
metric="HRV ยท overnight"
value="68 ms"
status="Recovery looks strong"
history={[
54,
58,
62,
60,
66,
72,
68
]}
tone="emerald"
/>Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.
Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.
Resting bpm card with a pulsing heart tile, large value, and a mini ECG trace underneath.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.
Running recap with total distance and time at the top and a per-kilometer pace and elevation table.