marttasch/HA-icon-title

A Custom Lovelace Card for Home Assistant wich Displays an Icon next to a Title.

HA-icon-title

A Custom Lovelace Card for Home Assistant wich displays an icon next to a title.

Usage

• on Lovelace UI, click on Edit Dashboard and add a new card
• select Manual and paste the following code:

type: 'custom:icon-title'
title: <title>
icon: mdi:<icon-name>

• replace <title> with the title you want to display (e.g. Scences)
• replace <icon-name> with the name of the icon you want to display (e.g. lamps)

Installation

HACS

1. Open HACS UI
2. Go to Frontend tab
3. Click the three dots in the top right corner and select Custom Repositories
4. Add the URL of this repository and select Lovelace as category

• URL: https://github.com/marttasch/HA-icon-title
• Category: Lovelace

5. Click Add
6. Click the plus icon in the bottom right corner and search for icon-title and install it

Manual

1. Download icon-title.js from the latest release.
2. Place the file in your config/www folder.
3. Add a reference to icon-title.js in Dashboard. There are two ways to do this:
   • Using UI: Settings → Dashboards → More Options icon → Resources → Add Resource → Set Url as /local/icon-title.js → Set Resource type as JavaScript Module. Note: If you do not see the Resources menu, you will need to enable Advanced Mode in your User Profile
   • Using YAML: Add following code to lovelace section.

     resources:
         - url: /local/icon-title.js
           type: module