Meal log pairing kcal with a three-segment macro bar for carbs, protein, and fat grams.
New here? Read the installation guide.
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.