Nutrition Label

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

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

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

Import & use
import { Health12 } from "@/components/beste/piece/health12";

<Health12
  serving="Serving size 1 cup (240 g)"
  servings="About 2 servings"
  calories="280"
  rows={[
    {
      "label": "Total fat",
      "value": "10 g",
      "dv": "13%",
      "bold": true
    },
    {
      "label": "Saturated fat",
      "value": "2 g",
      "dv": "10%",
      "indent": true
    },
    {
      "label": "Sodium",
      "value": "420 mg",
      "dv": "18%",
      "bold": true
    },
    {
      "label": "Total carbs",
      "value": "34 g",
      "dv": "12%",
      "bold": true
    },
    {
      "label": "Sugars",
      "value": "6 g",
      "indent": true
    },
    {
      "label": "Protein",
      "value": "16 g",
      "bold": true
    }
  ]}
/>

More Health pieces

View all Health
Known allergies
PenicillinHives, rash
Severe
ShellfishGI upset
Mild
Pollen · grassCongestion, sneezing
Mild

Allergy Panel

health24

Rose-tinted allergy panel with reaction descriptions and severity pills ranging from mild to severe.

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

Recipe Card

health13

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

Headache · behind the eyes
Moderate
Started Wed 08:20

Throbbing. Worsens after screen time. No aura. Taken paracetamol 500 mg.

Symptom Log

health22

Symptom entry with a severity pill, onset timestamp, and free-form notes on a muted panel.

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.

Lisinopril10 mg · 1 tab daily
Morning with food
8 of 30 leftRefill on May 12
Ships from Green Cross Pharmacy

Prescription

health28

Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.

Blood glucose · fasting
102mg/dL
Mon96
Tue104post-pasta
Wed92
Thu88
Fri102

Glucose Log

health27

Daily fasting-glucose readings with a latest value in the header and optional context tags per row.