45 lines
1.5 KiB
Plaintext
45 lines
1.5 KiB
Plaintext
---
|
|
title: "Weather"
|
|
description: "Displays the current weather information of a set location."
|
|
hide_title: true
|
|
---
|
|
|
|
import { WidgetInteractionGuide } from "@site/src/components/widgets/interactions";
|
|
|
|
import { AddingWidget } from "@site/src/components/widgets/adding";
|
|
import { WidgetConfig } from "@site/src/components/widgets/configuration";
|
|
import { WidgetHeader } from "@site/src/components/widgets/header";
|
|
import { weatherWidget } from ".";
|
|
|
|
<WidgetHeader widget={weatherWidget} categories={["Weather"]} />
|
|
|
|
The Weather Widget uses your location to display the current, highest and lowest temperature.
|
|
In the compact view, select a condition icon or forecast day to open details with a mouse, keyboard or touch.
|
|
The advanced view always combines current conditions with the full seven-day forecast, including humidity, wind,
|
|
gusts, sunrise and sunset. Both views reuse the same cached Open Meteo response.
|
|
|
|
### Screenshots
|
|
|
|
import forecastWeather from "./img/forecast.png";
|
|
import currentWeather from "./img/current.png";
|
|
|
|
<div className="flex flex-col gap-1">
|
|
<img src={forecastWeather} alt="weather forecast-5-days" width={128 * 4.5} />
|
|
<img src={currentWeather} alt="weather current" width={128 * 3} />
|
|
</div>
|
|
|
|
<WidgetInteractionGuide />
|
|
|
|
### Adding the widget
|
|
|
|
<AddingWidget />
|
|
|
|
### Configuration
|
|
|
|
<WidgetConfig configuration={weatherWidget.configuration} />
|
|
|
|
### Data source
|
|
|
|
We use the Open Meteo API to fetch the weather and locations.
|
|
If you need to whitelist the api, please use the following URL: `https://open-meteo.com`
|