fold-entity-row

Fold away and hide rows in lovelace entities cards.

For installation instructions see this guide.

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

Usage

Add this to an entities card:

type: entities
entities:
    - light.bed_light
    - type: custom:fold-entity-row
      head: light.bed_light
      entities:
        - light.bed_light
        - light.ceiling_lights
        - light.kitchen_lights

This will show the row specified in head: with an arrow next to it. When clicked, the rows specified in entities: will be revealed.

Options

• head: and any row in entities: can be customized in exactly the same ways as ordinary entities card rows.

type: custom:fold-entity-row
head:
  type: section
  label: Customizations
entities:
  - light.bed_light
  - entity: light.ceiling_lights
    name: A light
  - light.kitchen_lights

• Options specified in group_config: will be applied to all rows in the fold.

type: custom:fold-entity-row
head:
  type: section
  label: group_config
group_config:
  secondary_info: last-changed
  icon: mdi:desk-lamp
entities:
  - light.bed_light
  - light.ceiling_lights
  - light.kitchen_lights

• The left side padding can be adjusted by the padding: parameter (value in pixels).

type: custom:fold-entity-row
head:
  type: section
  label: padding
padding: 5
entities:
  - light.bed_light
  - light.ceiling_lights
  - light.kitchen_lights

• Setting head: to a group will populate the entities list with the entities of that group.

type: custom:fold-entity-row
head: group.all_lights

• Setting open: to true will make the fold open by default.

type: custom:fold-entity-row
head:
  type: section
  label: open
open: true
entities:
  - light.bed_light
  - light.ceiling_lights
  - light.kitchen_lights

Advanced

• Folds can be nested

type: custom:fold-entity-row
head:
  type: section
  label: Nested
entities:
  - type: custom:fold-entity-row
    head: light.bed_light
    entities:
      - type: custom:fold-entity-row
        head: light.bed_light
        entities:
          - light.bed_light

• Folds can be populated by any wrapping element that fills the entities: parameter, such as auto-entities

type: custom:auto-entities
filter:
  include:
    - domain: sensor
card:
  type: custom:fold-entity-row
  head:
    type: section
    label: Automatically populated

---