Attribut als Badge Name verwenden?

Dashboard/Cards/Frontend
1

Wenn eine Unwetterwarnung vorliegt, lasse ich mir ein entsprechendes Badge anzeigen. Jetzt kann es sein, dass die Warnung für die kommenden Tage gilt und daher möchte im Badge das onset Attribut als Name verwenden.

Derzeit sieht es so aus:
image

type: entity
show_name: false
show_state: true
show_icon: true
entity: binary_sensor.meteoalarm_bstn
show_entity_picture: false
state_content:
  - headline
  - severity
  ##- onset
visibility:
  - condition: state
    entity: binary_sensor.meteoalarm_bstn
    state: "on"

Mit dem onset als state_content (wie oben, einkommentiert):
image

Die Daten sind also richtig gerendert da. Nur soll es möglichst so aussehen:
image

Wie könnte ich das umsetzen?
(Den YAML-Code nutze ich als Custom Badge in der S42-Strategy.)

PS:
Die aktuellen State Attributes aus den Developer Tools:

language: en-GB
category: Met
event: Heatwarning
responseType: Monitor
urgency: Future
severity: Severe
certainty: Likely
effective: "2026-08-01T09:52:40+02:00"
onset: "2026-08-03T00:00:00+02:00"
expires: "2026-08-03T23:59:59+02:00"
senderName: GeoSphere Austria
headline: Heatwarning
description: Intense heat stress must be expected.
instruction: >-
  BE PREPARED that high temperatures will lead to health risks amongst
  vulnerable people e.g. the elderly and very young. Listen to and act upon
  advice from the authorities.
web: http://warnungen.zamg.at/html/de/uebermorgen/hitze/at/steiermark/
awareness_level: 3; orange; Severe
awareness_type: 5; high-temperature
attribution: Information provided by MeteoAlarm
device_class: safety
friendly_name: Meteoalarm BSTN

PPS:
Das habe ich schon probiert, aber da scheint irgendwas nicht zu passen, denn es wird der gesamte {% ... %} so wie es da steht angezeigt:

type: entity
show_name: true
name: 
  type: text
  text: >
    {% state_attr('binary_sensor.meteoalarm_bstn', 'onset') | as_datetime | as_local %}

image

2

Mit Mushroom Template Badge funktioniert das. Ich habe etwas ähnliches

type: custom:mushroom-template-badge
entity: sensor.stadt_w_aktuelle_warnstufe
label: "{{ state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') }}"
tap_action:
  action: navigate
  navigation_path: "#dwd"
content: >-
  bis {{
  as_timestamp(state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_end'))
  | timestamp_custom('%d.%m. - %H:%M') }}
visibility:
  - condition: numeric_state
    entity: number.dwd_warning_count
    above: 0
color: >-
  {{ state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_color')
  }}
icon: >-
  {% if "FROST" in
  state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') %}

  mdi:thermometer-alert

  {% elif "GLÄTTE" in
  state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') %}

  mdi:snowflake-alert

  {% elif "WIND" in
  state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') %}

  mdi:weather-windy

  {% elif "SCHNEE" in
  state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') %}

  mdi:weather-snowy

  {% elif "EIS" in
  state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') %}

  mdi:snowflake-alert

  {% elif "REGEN" in
  state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') %}

  mdi:weather-pouring

  {% elif "GEWITTER" in
  state_attr('sensor.stadt_w_aktuelle_warnstufe','warning_1_name') %}

  mdi:weather-pouring

  {% else %}

  mdi:cloud-alert

  {% endif %}

Screenshot_2026-08-02-09-45-25-575_io.homeassistant.companion.android-edit
Screenshot_2026-08-02-09-45-25-575_io.homeassistant.companion.android-edit485×188 27.1 KB

1 „Gefällt mir“
3

Danke, das war der richtige Ansatz. Sieht bei mir jetzt so aus:

type: custom:mushroom-template-badge
entity: binary_sensor.meteoalarm_bstn
label: >-
  {{ (state_attr('binary_sensor.meteoalarm_bstn', 'onset') | as_datetime |
  as_local).strftime('%a %d %b, %H:%M') }}
content: >-
  {{ state_attr('binary_sensor.meteoalarm_bstn','headline') }} · {{
  state_attr('binary_sensor.meteoalarm_bstn','severity') }}
visibility:
  - condition: state
    entity: binary_sensor.meteoalarm_bstn
    state: "on"
color: >-
  {{ state_attr('binary_sensor.meteoalarm_bstn','awareness_level').split(";")[1]
  }}
icon: >-
  {%- set dAlertIcons = {'1': "mdi:weather-windy",
            '2': "mdi:weather-snowy",
            '3': "mdi:weather-lightning-rainy",
            '4': "mdi:weather-fog",
            '5': "mdi:thermometer-alert",
            '6': "mdi:thermometer-alert",
            '7': "mdi:tsunami",
            '8': "mdi:fire-alert",
            '9': "mdi:weather-snowy-heavy",
            '10': "mdi:weather-pouring",
            '12': "mdi:home-flood",
            '13': "mdi:weather-pouring",
            '14': "mdi:waves"} -%}
  {%- set vAlertType =
  state_attr('binary_sensor.meteoalarm_bstn','awareness_type').split(";")[0] |
  trim -%}
  {{ dAlertIcons.get(vAlertType, "mdi:cloud-alert") }}

image

Hab ein dict statt einer langen if-elseif-Schachtelung verwendet…