Meal Plan

Week-at-a-glance meal plan with breakfast, lunch, and dinner columns and today highlighted in primary.

Meal plan · This week

MonOatsBowlSalmon

TueYogurtWrapChili

WedSmoothieSaladStir-fry

ThuEggsSoupPasta

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Health11 } from "@/components/beste/piece/health11";

<Health11
  week="Meal plan · This week"
  days={[
    {
      "day": "Mon",
      "breakfast": "Oats",
      "lunch": "Bowl",
      "dinner": "Salmon"
    },
    {
      "day": "Tue",
      "breakfast": "Yogurt",
      "lunch": "Wrap",
      "dinner": "Chili"
    },
    {
      "day": "Wed",
      "breakfast": "Smoothie",
      "lunch": "Salad",
      "dinner": "Stir-fry",
      "today": true
    },
    {
      "day": "Thu",
      "breakfast": "Eggs",
      "lunch": "Soup",
      "dinner": "Pasta"
    }
  ]}
/>