UIX Forge permet de créer des éléments Home Assistant avec des modèles pour toute leur configuration, ainsi que des extensions avancées grâce aux Sparks UIX Forge.

Les éléments Home Assistant pris en charge sont les cartes, badges, lignes, sections et éléments image. Les moules intercontextes permettent d'intégrer un type d'élément dans un autre contexte parent, par exemple une carte utilisée comme ligne dans une carte Entités ; consultez les moules intercontextes.

Consultez Forge pour la référence complète de la configuration.

Fonderies

Une fonderie est un modèle UIX Forge enregistré sur le serveur. Elle permet de définir une seule fois des configurations forge, element et uix réutilisables sur plusieurs cartes. Référencez une fonderie avec la clé foundry: et ne remplacez localement que ce qui est nécessaire.

Consultez Fonderies pour un guide complet sur la fusion, les fonderies imbriquées et leur gestion dans les options de l'intégration.

Sparks

Les Sparks sont des comportements optionnels ajoutés à la liste forge.sparks. Chaque Spark possède une clé type et ses propres options.

Sparks disponibles :

• 💬 Infobulle — attache une infobulle stylisée à tout élément créé.
• :material-button-cursor: Bouton — attache un bouton stylisé (ha-button) avec actions avant ou après un élément.
• 🏷️ Attribut — ajoute, remplace ou supprime un attribut d'un élément.
• ⚡ Événement — reçoit des événements DOM d'actions fire-dom-event et expose leurs données comme variables de modèle.
• ⭐ Icône Tile — insère un élément ha-tile-icon avant ou après un élément.
• 🛡️ Badge d'état — insère un élément state-badge avant ou après un élément.
• :material-grid: Grille — applique une mise en page CSS Grid à un conteneur.
• 🔍 Recherche — recherche des éléments avec un sélecteur CSS et applique des modifications aux éléments trouvés.
• :material-map: Carte — préserve la vue de la carte et ajoute des visites, des curseurs d'historique et des filtres d'entités avec des positions de contrôle configurables.
• :material-lock: Verrou — superpose un verrou et bloque l'interaction jusqu'à la saisie d'un PIN, d'une phrase secrète ou d'une confirmation.
• :material-star-four-points-outline: Icône superposée — superpose une ha-icon ou ha-state-icon à un élément.
• :material-image-outline: Arrière-plan — ajoute un calque d'arrière-plan, couleur, image, vidéo ou caméra, derrière un élément.
• :material-palette: Thème — applique un thème Frontend à l'élément créé ou à l'un de ses descendants.