About this piece
Macro Breakdown
Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.
Usage
The import and the props worth knowing about, in one place.
import { Food6 } from "@/components/beste/piece/food6";
<Food6
dish="Grilled chicken bowl"
kcal="620 kcal"
macros={[
{
"label": "Carbs",
"grams": 68,
"pct": 40,
"color": "bg-sky-500"
},
{
"label": "Protein",
"grams": 42,
"pct": 34,
"color": "bg-emerald-500"
},
{
"label": "Fat",
"grams": 22,
"pct": 26,
"color": "bg-amber-500"
}
]}
bordered={false}
/>
