Layout- und dynamische Widgets

Grid und Blank

{"id":"lights","type":"grid","columns":2,"cell_width":150,"cell_height":86,"gap":6,"widgets":[{"id":"kitchen","type":"light","entity":"light.kitchen"},{"id":"spacer","type":"blank"}]}

grid verschachtelt beliebige Widgets. Optionen: columns, cell_width/column_width, cell_height/row_height, cell_aspect_ratio, gap/margin, widgets. Kinder können row, col, rowspan/row_span, colspan/col_span, individuelle Maße und min_height setzen. Zahlen sind dp; Strings akzeptieren dp oder Prozent. blank erzeugt eine leere Rasterzelle und unterstützt nur gemeinsame Raster-, Theme- und Bedingungsoptionen.

Tabbed Card

tabbed_card, tabbed-card, custom:tabbed-card verschachteln Karten in einer lokalen Tabzeile. options.defaultTabIndex setzt den Starttab. tabs enthält Objekte mit attributes (label, icon, minWidth) und card. Globale attributes werden mit lokalen Attributen zusammengeführt; lokale Werte gewinnen.

Auto Entities

{"id":"cheap-fuel","type":"custom:auto-entities","filter":{"include":[{"entity_id":"sensor.*_e10","area":"entry"}],"exclude":[{"state":"unavailable"}]},"sort":{"method":"state","numeric":true,"count":10},"card":{"type":"custom:flex-table-card","columns":[{"name":"Station","data":"friendly_name"},{"name":"Preis","data":"state","decimals":3}]}}

Aliase: auto_entities, auto-entities, custom:auto-entities. Optionen: card, card_param (Standard entities), statische entities, filter.include, filter.exclude, show_empty, else, unique, sort. Regeln unterstützen entity_id, domain, state, name, attributes, area, device, integration, label, last_changed, last_updated, not, or, and, Glob */?, Regex /.../ und Vergleiche <, <=, =, !=, >=, >.

Die Integration wertet Registry-, Zustands-, Auswahl- und Sortierschritte serverseitig aus, ersetzt den Filter durch konkrete entities und überträgt nur benötigte States. Sortierung unterstützt method (entity_id, domain, name, state, attribute, last_changed, last_updated), attribute, reverse, ignore_case, numeric, first, count. Laufzeitabhängige Abfragen werden bei relevanten State-Änderungen neu kompiliert.

Flex Table

flex_table, flex-table-card, custom:flex-table-card zeigen entities als Tabelle. Optionen: title, columns, sort_by, disable_header_sort, strict, max_rows, clickable, auto_format. entities ist eine Liste oder ein Objekt mit include/exclude. Spalten: name, id, data, hidden, align, width, weight, prefix, suffix, multi_delimiter, fmt, decimals, no_auto_format. data verwendet Zustand/Attribut-Punktnotation und kommaseparierte Selektoren. fmt bietet number und duration; JavaScript-modify wird nicht ausgeführt.

Assist Button

assist_button, voice_assistant_button, push_to_talk verwenden die globale Voice-Konfiguration. Optionen: title, icon, wake_icon, listening_icon, icon_size, text_size, state_size, show_state, min_height, padding. push_to_talk_mode aus voice_assistant bestimmt Halten oder Umschalten. Farbe und Statustext zeigen Idle, Wakeword, Aufnahme, Verarbeitung, Antwort und Fehler.