Installing the Custom Button Card?

Configuration Frontend
2

Manual Installation

  1. Download the button-card
    Note that this is a direct link to the .js file. Most browsers won’t load this if you just click on it. You need to right-click and do a “save as”. Then follow the rest of these directions.
  2. Place the file in your config/www folder
  3. Include the card code in your ui-lovelace-card.yaml

title: Home resources: - url: /local/button-card.js type: module

  1. Write configuration for the card in your ui-lovelace.yaml

Installation and tracking with hacs

  1. Make sure the HACS component is installed and working.
  2. Search for button-card and add it through HACS
  3. Add the configuration to your ui-lovelace.yaml

resources: - url: /hacsfiles/button-card/button-card.js type: module

  1. Refresh home-assistant.

I used the HACS method to install.