Weekly Forecast

Row of day columns with weekday label, condition icon, and a high/low temperature pair.

Mon
24°15°
Tue
22°14°
Wed
18°12°
Thu
19°13°
Fri
25°16°

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Weather2 } from "@/components/beste/piece/weather2";

<Weather2
  days={[
    {
      "label": "Mon",
      "condition": "sunny",
      "high": 24,
      "low": 15
    },
    {
      "label": "Tue",
      "condition": "cloudy",
      "high": 22,
      "low": 14
    },
    {
      "label": "Wed",
      "condition": "rainy",
      "high": 18,
      "low": 12
    },
    {
      "label": "Thu",
      "condition": "cloudy",
      "high": 19,
      "low": 13
    },
    {
      "label": "Fri",
      "condition": "sunny",
      "high": 25,
      "low": 16
    }
  ]}
/>