Forecast Cycle

LisbonNow

21°C

Clear sky

About this piece

Forecast Cycle

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.

Usage

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"
    }
  ]}
  bordered={false}
/>

More Weather pieces

View all Weather
Istanbul
18°C
CloudyH:21° · L:12°
Mon
24°15°
Tue
22°14°
Wed
18°12°
Thu
19°13°
Now22°
10 AM23°
11 AM24°
12 PM21°
Precipitation
Now
11
12
1
Heat AdvisoryAdvisory

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

SunriseSunset
6:14 AM8:42 PM