Severity-colored triangle alert with title, severity badge, descriptive detail, and an Until line.
Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun.
Until 9:00 PM tonightNew here? Read the installation guide.
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"
/>City name, big temperature, condition label, and a high/low line with an icon tile that colors by condition.
Row of day columns with weekday label, condition icon, and a high/low temperature pair.
Four-cell grid of atmospheric stats with uppercase labels, bold tabular values, and an optional detail line.
Big tabular temperature anchored under a city header and condition icon, with high, low, and feels-like below.