Color-graded AQI tile next to its level name, with a thin border separating a pollutant breakdown row.
New here? Read the installation guide.
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"
}
]}
/>City name, big temperature, condition label, and a high/low line with an icon tile that colors by condition.
Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun.
Until 9:00 PM tonightSeverity-colored triangle alert with title, severity badge, descriptive detail, and an Until line.
Four-cell grid of atmospheric stats with uppercase labels, bold tabular values, and an optional detail line.
Row of day columns with weekday label, condition icon, and a high/low temperature pair.