HACS Components - Beginner question

I have a lot of things in my configuration.yaml file now and created some basic pages under Overview/Dashboards.

I have now installed HACS and added some components in (Mini Graph Card, Mini Media Player etc), question is how do I now integrate these into my HA? How do I use these.

Thanks!

Under HACS when you click on the plugin/integration there is a repository button, that will have full instructions for each one, but there and at the bottom of the HACS page for each one will also be some lines which you have to add to the resources section of your Lovelace config in The raw mode editor… this page may help a little also: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

1 Like

Thanks

I followed the guide of putting the lines into the Raw Config Editor and see they are already in there:

resources:

  • type: module
    url: /local/mini-graph-card-bundle.js?v=0.6.0
  • type: module
    url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
  • type: module
    url: /community_plugin/mini-media-player/mini-media-player-bundle.js
  • type: module
    url: /community_plugin/simple-weather-card/simple-weather-card-bundle.js

How do I get those cards now into my HA and linked to entities?

You will need to add a manual card using either of those components. Here, for example, is a simple air pressure card I have using a BME280 sensor

entities:
  - sensor.bme_pressure
extrema: true
fill: true
legend: true
show:
  labels: true
type: 'custom:mini-graph-card'

Thanks!

Before I saw your repy I just watched https://www.youtube.com/watch?v=4cOdgW23KCA&list=WL&index=2&t=0s which also helped answer my query.

Thanks