Recipe Card

Recipe summary row with a warm chef tile, cook time, kcal, difficulty pill, and a dietary-tag row.

Miso salmon with greens
25 min·520 kcal
Easy
DinnerHigh-proteinGluten-free

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

Import & use
import { Health13 } from "@/components/beste/piece/health13";

<Health13
  recipeName="Miso salmon with greens"
  cookTime="25 min"
  calories="520 kcal"
  difficulty="Easy"
  tags={[
    "Dinner",
    "High-protein",
    "Gluten-free"
  ]}
  tone="neutral"
/>

More Health pieces

View all Health
Morning vitalsTue, Apr 22 · 08:14
Heart72bpm
Temp36.6°C
BP118/76mmHg
SpO₂98%

Vitals Grid

health10

Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.

Dr. Rana Elgin, MDEndocrinology
Thu, May 2 · 09:30Memorial West · Suite 412
Annual check-up

Appointment Card

health21

Upcoming medical visit with provider, specialty, a muted location block, and an italic reason line.

Nutrition factsAbout 2 servingsServing size 1 cup (240 g)
Amount per servingCalories
280
% Daily value
Total fat 10 g13%
Saturated fat 2 g10%
Sodium 420 mg18%
Total carbs 34 g12%
Sugars 6 g
Protein 16 g

Nutrition Label

health12

FDA-style nutrition panel with a thick rule under calories and indented sub-nutrient rows.

🙂
Mood todayGood
4 of 7 days above neutral this week.

Mood Tracker

health17

Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.

Sleep7h 41m
Score 86
Awake0h 18m
Light4h 0m
Deep1h 35m
REM1h 48m

Sleep Summary

health7

Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.

Meal plan · This week
MonOatsBowlSalmon
TueYogurtWrapChili
WedSmoothieSaladStir-fry
ThuEggsSoupPasta

Meal Plan

health11

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