Entity Sections Card Pro
custom:entity-sections-card-pro stacks several groups of entities under one header. Each section is an entity group body with its own layout, so one card can hold a hero on top of a row of controls, or a table over a grid. This page starts with two bare sections and adds options one at a time.
Basic
The type and a list of sections, each with its entities. Without a layout a section is a list.
Layout per section
layout takes the same values as the group card (list, grid, hero, row, column, table). Here the sensors become a row and the controls stay a list; title and icon add the header.
Divider and alignment
divider: true draws a line above a section. align and columns work per section like on the group card.
Item options
show_name, show_value and show_icon set how row, column and table items look, name_position where a row item's name sits. Put them on the card for every section, on a section for its items, or on an entity; the closer setting wins.
Header entities
header_entities puts compact values on the right of the title line. With the sensors in the header the first section can go, and the controls get icons and actions. Row, column and table sections draw icon, ring and badge only, header entities icon and badge; see Visuals in items and headers.
Rooms and devices
A device card: a table of facts and a footer with status icons and actions.
Sections can mix any of the layouts, a hero on top of a row for example.
A kitchen: climate in the header, appliances as a table, lights and windows as a row.
A bathroom: humidity as the hero with its trend, the window as a strip and a right-aligned control.
Devices and status
A security overview: doors and windows as a table with icons, presence as a row of badges.
Modes and scenes: two rows of icon buttons, one that toggles and one that runs scenes.
Energy: a table of live readings over a grid of charts.
Reference
Card options
| Option | Default | Description |
|---|---|---|
sections | List of sections (required). | |
title | Header text. Template allowed. | |
title_tap_action | none | Action when the title or its icon is tapped, e.g. { action: navigate, navigation_path: /dashboard-rooms/kitchen } to open the room's dashboard; see Actions. |
icon | Header icon. Template allowed. | |
header_entities | Entities shown as icon + value on the right of the title line. Defaults show_icon: true, show_value: true, show_name: false; visuals icon and badge. | |
columns | 2 | Default for grid sections. |
align | per layout | Default for every section, see the group card. |
show_name / show_value / show_icon | per layout | Default item options for every section. |
name_position | below | Default for every section: above or below the icon in row items; the other layouts ignore it. |
hours_to_show | 24 | History window for sparkline, columns and strip, at least 1. One window per card. |
bucket_minutes | 60 | Bucket size for columns and strip, at least 5. |
tap_action / hold_action / double_tap_action | more-info / more-info / none | Defaults for every entity, see Actions. |
Section options
| Option | Default | Description |
|---|---|---|
entities | Entity ids or entity objects (required). | |
layout | list | list, grid, hero, row, column or table. |
divider | false | Draws a line above the section (never for the first one). |
columns | card columns | Cells per row in a grid section. |
align | card align | Overrides the card value for this section. |
show_name / show_value / show_icon | card values | Item options for this section; entities can override them again. |
name_position | card value | Where a row item's name sits; entities can override it again. |
Grid defaults
12 columns, rows: auto; at least 6 columns and 2 rows (3 when a section is a hero). See Sizing in sections.
Home Assistant options
Like every card, this one also accepts grid_options, visibility, layout_options, view_layout and card_mod. They are passed through to Home Assistant; see Sizing in sections for grid_options.