Six-column hourly strip pairing each label with a condition icon and a tabular temperature.
New here? Read the installation guide.
import { Weather3 } from "@/components/beste/piece/weather3";
<Weather3
hours={[
{
"label": "Now",
"condition": "sunny",
"temp": 22
},
{
"label": "10 AM",
"condition": "sunny",
"temp": 23
},
{
"label": "11 AM",
"condition": "cloudy",
"temp": 24
},
{
"label": "12 PM",
"condition": "cloudy",
"temp": 24
},
{
"label": "1 PM",
"condition": "rainy",
"temp": 21
},
{
"label": "2 PM",
"condition": "rainy",
"temp": 20
}
]}
/>Row of day columns with weekday label, condition icon, and a high/low temperature pair.
Six-hour rain probability column chart with sky-blue bars rising on a muted track and percentages on top.
City name, big temperature, condition label, and a high/low line with an icon tile that colors by condition.
Four-cell grid of atmospheric stats with uppercase labels, bold tabular values, and an optional detail line.