Oxygen saturation ring with the percentage stacked in the center and a pulse note on the side.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health8 } from "@/components/beste/piece/health8";
<Health8
spo2={98}
pulse={68}
timestamp="Measured just now"
label="SpO₂"
statusLabel="Normal range"
tone="emerald"
/>Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.
BP reading pairing systolic over diastolic with a status pill and a color-dotted legend beneath.
Guided breathwork card with a pulsing sky ring, phase label, big second count, and cycle note.
Resting bpm card with a pulsing heart tile, large value, and a mini ECG trace underneath.
Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.
Three concentric progress rings for move, exercise, and stand goals with a color-keyed legend.