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'
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