Mushroom card with buttons for entities

gistfile1.txt

Watch the spacing. Change the entities for your needs. The first light.groep_woonkamer is nothing its just a place holder leave it alone. The secondary: is for what ever you want to show values for.




type: custom:vertical-stack-in-card
mode: vertical
cards:
  - type: custom:mushroom-template-card
    primary: Family Room
    icon: mdi:sofa
    icon_color: blue
    layout: horizontal
    entity: light.groep_woonkamer
    secondary: >-
      {{ states('sensor.family_room_temperature') }}°F | 
      {{states('sensor.family_room_humidity') | int }} %
    tap_action:
      action: navigate
      navigation_path: family-room
  - type: custom:vertical-stack-in-card
    horizontal: true
    cards:
      - type: custom:mushroom-template-card
        entity: switch.famlightplug
        layout: vertical
        icon: |-
          {% if is_state('switch.famlightplug', 'on') %}
            mdi:floor-lamp
          {% else %}
            mdi:floor-lamp-outline
          {% endif %}
        icon_color: |-
          {% if is_state('switch.famlightplug', 'on') %}
            yellow
          {% endif %}
      - type: custom:mushroom-template-card
        entity: switch.family_room_lamp
        layout: vertical
        icon: |-
          {% if is_state('switch.family_room_lamp', 'on') %}
            mdi:lamp
          {% else %}
            mdi:lamp-outline