Some Lovelace cards have support for header and footer widgets. These widgets fill up the whole available space in a card.
Screenshot of an entities card with a picture header and buttons footer.
Widget to show a picture as a header or a footer. A picture can have touch actions associated with it.
header: type: picture image: "https://www.home-assistant.io/images/lovelace/header-footer/balloons-header.png"
Action taken on card tap. See action documentation.
Action to take on tap-and-hold. See action documentation.
Action to take on double tap. See action documentation.
Widget to show entities as buttons in the header or footer.
footer: type: buttons entities: - script.launch_confetti - entity: script.swirl_lights icon: "mdi:track-light" - entity: script.run_siren icon: "mdi:alarm-light"
A list of entities to show. Each entry is either an entity ID or a map.
Override the entity icon. You can use any icon from MaterialDesignIcons.com. Prefix the icon name with
Widget to show an entity in the sensor domain as a graph in the header or footer.
Screenshot of an entities card with a graph footer.
footer: type: graph entity: sensor.outside_temperature hours_to_show: 24 detail: 1
Detail level of the graph:
1 = one point/hour,
2 = six points/hour)