48 lines
1.8 KiB
Plaintext
48 lines
1.8 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 compact forecast shows up to the configured number of days. The advanced view combines current conditions with the
|
|
available daily 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";
|
|
import advancedWeather from "./img/advanced-view.png";
|
|
|
|
<div className="flex flex-col gap-1">
|
|
<img src={forecastWeather} alt="Weather compact forecast" width={238} height={112} />
|
|
<img src={currentWeather} alt="Weather compact current conditions" width={198} height={93} />
|
|
<img src={advancedWeather} alt="Weather advanced view with seven-day forecast details" width={800} height={484} />
|
|
</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`
|