Skip to content

Sparks

Sparks are optional behaviours added to a UIX Forge forged element via the forge.sparks list. Each spark has a type key and its own configuration options.

Available sparks:

  • 💬 Tooltip — attach a styled tooltip to any element within the forged element.
  • Button — insert an interactive ha-button element as a sibling after any element within the forged element.
  • 🏷 Attribute — add, replace or remove an attribute of any element within the forged element.
  • ⚡ Event — receive DOM events from fire-dom-event actions and expose their data as template variables.
  • ⭐ Tile Icon — insert a ha-tile-icon element as a sibling before or after any element within the forged element.
  • 🛡 State Badge — insert a state-badge element as a sibling before or after any element within the forged element.
  • Grid — apply CSS Grid layout to any container element within the forged element.
  • 🔍 Search — find elements within a container by CSS selector and optional text filter, then apply class, attribute, or text mutations to all matches.