21°C
Clear sky
Forecast card that walks through the next few hours on its own, swapping the temperature with a soft rise while the sun turns, clouds drift, and rain falls.
The import and the props worth knowing about, in one place.
import { Weather11 } from "@/components/beste/piece/weather11";
<Weather11
place="Lisbon"
frames={[
{
"label": "Now",
"temp": 21,
"condition": "sun"
},
{
"label": "15:00",
"temp": 19,
"condition": "cloud"
},
{
"label": "18:00",
"temp": 17,
"condition": "rain"
},
{
"label": "21:00",
"temp": 15,
"condition": "cloud"
}
]}
/>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.
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.
Six-column hourly strip pairing each label with a condition icon and a tabular temperature.