info.md

This card displays provided data as an HTML content of a card.

Configuration options

Key	Type	Required	Default	Description
title	string	False	-	Title of a card
content	string	True	-	Content of a card

Templates

• Entity state, example: [[ sun.sun ]], [[ sun.sun.state ]]
• Entity attribute, example: [[ sun.sun.attrubutes.elevation ]]

Example usage

views:
- name: Example
  cards:
    - type: custom:html-card
      title: 'HTML card'
      content: |
        Sun state: <b>[[sun.sun]]</b>, elevation: [[sun.sun.attributes.elevation]]</br>
        <b>Hello</b> there!<p>General <u>Kenobi!</u></p>
        <img src="https://i.redd.it/ltxppihy4cyy.jpg" width="70%"/></br>
        <ha-icon icon="mdi:speaker"></ha-icon> Volume: [[input_number.system_volume]]%</br>
        <center><img src="https://vignette.wikia.nocookie.net/starwars/images/f/fa/Modal_Nodes_02.jpg" width="[[input_number.system_volume]]%"/></center>

Hints

• To use mdi icon follow example: <ha-icon icon="mdi:weather-sunny"></ha-icon>
• If you need more powerful templates check out HTML Template card
• The only improvement over markdown-mod that html-card provides is ability to use css styles.