Sparks
Les sparks sont des comportements facultatifs que vous ajoutez à un élément créé avec UIX Forge, dans la liste forge.sparks. Chaque spark possède une clé type et ses propres options de configuration.
Sparks disponibles :
- 💬 Info-bulle — ajoute une info-bulle stylisée à un élément de l'élément créé.
- :material-button-cursor: Bouton — insère un élément interactif
ha-buttonavant ou après un élément cible. - 🏷️ Attribut — ajoute, remplace ou supprime un attribut d'un élément cible.
- ⚡ Événement — reçoit les événements DOM des actions
fire-dom-eventet expose leurs données sous forme de variables de modèle. - ⭐ Icône de tuile — insère un élément
ha-tile-iconavant ou après un élément cible. - 🛡️ Badge d'état — insère un élément
state-badgeavant ou après un élément cible. - :material-grid: Grille — applique une disposition CSS Grid à un conteneur.
- 🔍 Recherche — recherche des éléments par sélecteur CSS et filtre textuel facultatif, puis modifie leurs classes, attributs ou contenu textuel.
- :material-map: Carte — conserve le niveau de zoom et le centre d'une carte lors des mises à jour d'état de Home Assistant.
- :material-lock: Verrou — affiche une icône de verrouillage et bloque les interactions jusqu'à la saisie d'un code PIN, d'une phrase secrète ou à une confirmation.
- :material-information-outline: Plus d'informations — intègre les informations détaillées Home Assistant d'une entité.
- :material-star-four-points-outline: Icône superposée — superpose une
ha-iconou uneha-state-iconà un élément. - :material-image-outline: Arrière-plan — ajoute derrière un élément un arrière-plan coloré, une image, une vidéo ou un flux de caméra.
- :material-palette: Thème — applique un thème frontend à l'élément ou à l'un de ses descendants.