Weather Metrics

Humidity64%
Wind12 km/h
Pressure1018 hPa
UV index6
About this piece

Weather Metrics

Four-cell grid of atmospheric stats with small labels, bold tabular values, and an optional detail line.

Usage

The import and the props worth knowing about, in one place.

import { Weather5 } from "@/components/beste/piece/weather5";

<Weather5
  metrics={[
    {
      "label": "Humidity",
      "value": "64%"
    },
    {
      "label": "Wind",
      "value": "12 km/h"
    },
    {
      "label": "Pressure",
      "value": "1018 hPa"
    },
    {
      "label": "UV index",
      "value": "6"
    }
  ]}
  bordered={false}
/>

More Weather pieces

View all Weather
Mon
24°15°
Tue
22°14°
Wed
18°12°
Thu
19°13°
Heat AdvisoryAdvisory

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

Now22°
10 AM23°
11 AM24°
12 PM21°
Istanbul
18°C
CloudyH:21° · L:12°
Istanbul
22°C
Sunny
H:25°L:14°
Precipitation
Now
11
12
1