Skip to content

UIX Forge

UIX Forge erzeugt Home-Assistant-Elemente dynamisch. Du definierst eine forge-Konfiguration, ein Ziel-element und optional zusätzliche sparks, die Verhalten oder Darstellung erweitern.

Unterstützte Elementtypen sind unter anderem Karten, Badges, Zeilen, Abschnitte und Picture-Elements. Cross-Context-Molds erlauben, ein Element in einem anderen Kontext zu verwenden, zum Beispiel eine Karte als Zeile in einer Entities-Karte.

Für die vollständige Konfigurationsreferenz siehe Forge-Referenz.

Foundries

Eine Foundry ist eine servergespeicherte UIX-Forge-Vorlage. Damit kannst du forge, element und uix einmal definieren und an vielen Stellen wiederverwenden. Lokal überschreibst du nur die Werte, die sich unterscheiden.

Mehr dazu: Foundries

Sparks

Sparks sind optionale Bausteine in forge.sparks. Jeder Spark hat einen type und eigene Optionen.

Verfügbare Sparks:

  • 💬 Tooltip - Tooltip an ein Element hängen.
  • :material-button-cursor: Button - Button mit Aktionen einfügen.
  • 🏷️ Attribute - Attribute hinzufügen, ersetzen oder entfernen.
  • Event - DOM-Events aufnehmen und als Template-Variablen nutzen.
  • Tile Icon - ha-tile-icon ergänzen.
  • 🛡️ State Badge - Status-Badge einfügen.
  • :material-grid: Grid - CSS Grid auf Container anwenden.
  • 🔍 Search - Elemente per CSS-Selektor suchen und verändern.
  • :material-map: Map - Kartenansicht stabil halten.
  • :material-lock: Lock - Interaktion per Sperre schützen.
  • :material-star-four-points-outline: Overlay Icon - Icon über ein Element legen.
  • :material-image-outline: Background - Hintergrundfarbe, Bild, Video oder Kamera einfügen.
  • :material-palette: Theme - Theme auf ein Element anwenden.