Meal log pairing kcal with a three-segment macro bar for carbs, protein, and fat grams.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health9 } from "@/components/beste/piece/health9";
<Health9
meal="Lunch · Grilled chicken bowl"
kcal={620}
macros={[
{
"label": "Carbs",
"grams": 68,
"class": "bg-sky-500",
"text": "text-sky-500"
},
{
"label": "Protein",
"grams": 34,
"class": "bg-emerald-500",
"text": "text-emerald-500"
},
{
"label": "Fat",
"grams": 22,
"class": "bg-amber-500",
"text": "text-amber-500"
}
]}
/>Week-at-a-glance meal plan with breakfast, lunch, and dinner columns and today highlighted in primary.
Daily fasting-glucose readings with a latest value in the header and optional context tags per row.
Recipe summary row with a warm chef tile, cook time, kcal, difficulty pill, and a dietary-tag row.
Lift tracker with an exercise header, set progress bar segments, and a rest-timer chip on the right.
Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.
Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.