Widgets de disposition et dynamiques

Grille et espace vide

{"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 imbrique des widgets quelconques. Options : columns, cell_width/column_width, cell_height/row_height, cell_aspect_ratio, gap/margin, widgets. Les enfants peuvent fixer row, col, rowspan/row_span, colspan/col_span, leurs dimensions et min_height. Les nombres sont en dp ; les chaînes acceptent dp ou pourcentage. blank crée une cellule vide et n’accepte que grille, thème et condition communs.

Carte à onglets

tabbed_card, tabbed-card, custom:tabbed-card imbriquent des cartes sous une barre locale. options.defaultTabIndex choisit l’onglet initial. tabs contient des objets avec attributes (label, icon, minWidth) et card. Les attributes globaux fusionnent avec les locaux ; les valeurs locales gagnent.

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":"Prix","data":"state","decimals":3}]}}

Alias : auto_entities, auto-entities, custom:auto-entities. Options : card, card_param (défaut entities), entities statiques, filter.include, filter.exclude, show_empty, else, unique, sort. Les règles prennent en charge entity_id, domain, state, name, attributes, area, device, integration, label, last_changed, last_updated, not, or, and, glob */?, regex /.../ et comparaisons <, <=, =, !=, >=, >.

L’intégration évalue registres, états, sélection et tri côté serveur, remplace le filtre par des entities concrètes et ne transmet que les états nécessaires. Le tri accepte method (entity_id, domain, name, state, attribute, last_changed, last_updated), attribute, reverse, ignore_case, numeric, first, count. Les requêtes dépendantes des états sont recompilées après les changements pertinents.

Flex table

flex_table, flex-table-card, custom:flex-table-card affichent entities en tableau. Options : title, columns, sort_by, disable_header_sort, strict, max_rows, clickable, auto_format. entities est une liste ou un objet include/exclude. Colonnes : name, id, data, hidden, align, width, weight, prefix, suffix, multi_delimiter, fmt, decimals, no_auto_format. data utilise la notation pointée et des sélecteurs séparés par virgule. fmt offre number et duration ; JavaScript modify n’est jamais exécuté.

Bouton Assist

assist_button, voice_assistant_button, push_to_talk utilisent la configuration vocale globale. Options : title, icon, wake_icon, listening_icon, icon_size, text_size, state_size, show_state, min_height, padding. push_to_talk_mode de voice_assistant choisit maintien ou bascule. Couleur et texte indiquent repos, mot d’activation, enregistrement, traitement, réponse et erreur.