Allergy Panel

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

Known allergies

PenicillinHives, rash

Severe

ShellfishGI upset

Mild

Pollen · grassCongestion, sneezing

Mild

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

Import & use

import { Health24 } from "@/components/beste/piece/health24";

<Health24
  title="Known allergies"
  allergies={[
    {
      "name": "Penicillin",
      "reaction": "Hives, rash",
      "severity": "high"
    },
    {
      "name": "Shellfish",
      "reaction": "GI upset",
      "severity": "low"
    },
    {
      "name": "Pollen · grass",
      "reaction": "Congestion, sneezing",
      "severity": "low"
    }
  ]}
/>