Air Quality Index

Color-graded AQI tile next to its level name, with a thin border separating a pollutant breakdown row.

Air Quality
42
GoodUS AQI
PM2.512O₃32NO₂8

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

Import & use
import { Weather9 } from "@/components/beste/piece/weather9";

<Weather9
  aqi={42}
  level="good"
  pollutants={[
    {
      "name": "PM2.5",
      "value": "12"
    },
    {
      "name": "O₃",
      "value": "32"
    },
    {
      "name": "NO₂",
      "value": "8"
    }
  ]}
/>