Display energy entities in an entity card row. This integrate with the builtin Energy Date Picker (energy-date-selection)

For installation instructions see this guide.

Install energy-entity-row.js as a module.

resources:
  - url: /local/energy-entity-row.js
    type: module

Note: This is not a card. It's a row for an entities.

Note 2: To work properly, an energy-date-selection card must be included in the view

- type: energy-date-selection
- type: entities
  entities:
    - type: section
      label: Basic energy sensor
    - entity: sensor.all_plug_energy
    - entity: sensor.all_heating_energy
    - type: section
      label: With Energy Entity Row
    - type: custom:energy-entity-row
      entity: sensor.all_plug_energy
    - type: custom:energy-entity-row
      entity: sensor.all_heating_energy

The following options can be added to the element:

• round: number of decimal to round numbers

In addition, all basic options can be used:

• entity (required)
• name
• icon
• image
• type (must be set to custom:energy-entity-row)

Thanks to:

• Custom Card for the boilerplate template
• thomasloven for all its work and numerous example of lovelace elements
• MindFreeze for ha-sankey-chart which showed how to work with energy stats