By default Home Assistant does not provide any card for Meteoalarm, DWD or Météo-France. This simple card shows you the current active meteorological warnings.
We recommend installing meteoalarm card via Home Assistant Community Store
Just search for Meteoalarm Card
in Frontend
tab.
- Download
meteoalarm-card.js
file from the latest release. - Put
meteoalarm-card.js
file into yourconfig/www
folder. You can use File Editor add-on. - Add reference to
meteoalarm-card.js
in Lovelace. There's two way to do that:- Using UI: Navigate to Lovelace Resources → Click Plus button → Set URL as
/local/meteoalarm-card.js
→ Set Resource type asJavaScript Module
.
Note: If you do not see the Resources Tab, you will need to enable Advanced Mode in your User Profile - Using YAML: Add following code to
lovelace
section.resources: - url: /local/meteoalarm-card.js type: module
- Using UI: Navigate to Lovelace Resources → Click Plus button → Set URL as
- Add
custom:meteoalarm-card
to Lovelace UI as any other card.
After completing installation you can add this card like any other to your dashboard.
- Navigate to your dashboard → click 3 dots in the top left corner.
- Select Edit Dashboard
- Click + New Card button
- Select
Custom: Meteoalarm Card
Here is what configuration options mean:
Name | Type | Default | Description |
---|---|---|---|
type |
string |
Required | custom:meteoalarm-card |
integration |
string |
Required | Name of the integration. Available options are listed under Supported integrations |
entities |
string |
Required | Entity ID, a list of entity IDs or a list of entity objects. |
override_headline |
boolean |
false |
[Only some integrations] Override headline proved by integration by generated one. |
disable_swiper |
boolean |
false |
[Only some integrations] Disable slider when displaying multiple alerts, you may not see some important alerts. |
hide_caption |
boolean |
false |
[DWD only] Hide top-right caption when showing advance alerts. |
hide_when_no_warning |
boolean |
false |
Hide the card when no warning is active. This works like a conditional card. |
Example configuration for Meteoalarm:
type: 'custom:meteoalarm-card'
integration: 'meteoalarm'
entities: 'binary_sensor.meteoalarm'
override_headline: false
Example configuration for Deutscher Wetterdienst (DWD):
type: 'custom:meteoalarm-card'
integration: 'dwd'
entities:
- entity: 'sensor.dwd_weather_warnings_current_warning_level'
- entity: 'sensor.dwd_weather_warnings_advance_warning_level'
override_headline: false
This card supports translations. Please, help to add more translations and improve existing ones. Here's a list of supported languages:
- English
- Deutsch (German)
- Eesti (Estonian)
- Español (Spanish)
- Français (French)
- Hrvatski (Croatian)
- Italiano (Italian)
- Nederlands (Dutch)
- Polski (Polish)
- Slovenský (Slovak)
- Svenska (Swedish)
- Čeština (Czech)
- Your language?
This card supports many other integrations.
- Meteoalarm (
meteoalarm
) - Core integration for alerts in Europe from MeteoAlarm (EUMETNET). - Météo-France (
meteofrance
) - Core integration for alerts in France from Météo-France. - Deutscher Wetterdienst (DWD) (
dwd
) - Core integration for alerts in Germany from Dutscher Wetterdienst. - Environnement Canada (
env_canada
) - Core integration for alerts in Canada from Environment and Climate Change Canada. - Burze.dzis.net (
burze_dzis_net
) - Custom integration for alerts in Poland from burze.dzis.net. - weatheralerts (
weatheralerts
) - Custom integration for alerts in USA from National Weather Service (NWS). - New integration?
Want to contribute to the project?
First of all, thanks! Check contributing guidelines for more information.