home-assistant.io/source/_lovelace/picture.markdown

layout, title, sidebar_label, description, date, sidebar, comments, sharing, footer

layout	title	sidebar_label	description	date	sidebar	comments	sharing	footer
page	Picture Card	Picture	A very simple card that allows you to set an image to use for navigation to various paths in your interface or to call a service.	2018-07-01 10:28 +00:00	true	false	true	true

A very simple card that allows you to set an image to use for navigation to various paths in your interface or to call a service.

Screenshot of the picture card.

{% configuration %} type: required: true description: picture type: string image: required: true description: The URL of an image. type: string navigation_path: required: false description: Path of URL to navigate to. type: string service: required: false description: The service to call. type: string service_data: required: false description: The service data. type: object {% endconfiguration %}

{% linkable_title Examples %}

Navigate to another view:

- type: picture
  image: /local/home.jpg
  navigation_path: /lovelace/home

Check the views setup on how to setup custom IDs.

Toggle entity using a service:

- type: picture
  image: /local/light.png
  service: light.toggle
  service_data:
    entity_id: light.ceiling_lights