Weather Alert

Severity-colored triangle alert with title, severity badge, descriptive detail, and an Until line.

Heat AdvisoryAdvisory

Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun.

Until 9:00 PM tonight

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

Import & use

import { Weather10 } from "@/components/beste/piece/weather10";

<Weather10
  severity="advisory"
  title="Heat Advisory"
  detail="Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun."
  until="Until 9:00 PM tonight"
/>