Skip to content

v1.0.1

Choose a tag to compare

View all tags
@github-actions github-actions released this 28 Feb 11:35
v1.0.1
feaef18

What's New

This release brings three major additions to Card Builder: new blocks, a dedicated Actions panel, and the Link system.

New Blocks

Basic — Icon & Image
Two new basic blocks are now available in the palette. The Icon block displays any MDI icon with optional pre/post templates and supports binding to entity state. The Image block renders images from a URL or the built-in Media Manager, with full control over fit, position, and binding.

Controls — Slider, Button Toggle, Select Menu
The first set of interactive control blocks has landed:

  • Slider — adjusts entity values (brightness, temperature, volume, cover position, and more) via a draggable track. Supports single and range modes with extensive style targets.
  • Button Toggle — a segmented button group for switching between mutually exclusive entity options (HVAC mode, fan preset, effect, source, etc.).
  • Select Menu — the same feature-based control as Button Toggle but in a compact dropdown format, ideal when space is limited or the option list is long.

All control blocks auto-detect the available features from the entity's domain.

Actions Panel

A new Actions panel is now available in the right sidebar. The system is slot-based: Action Slots are defined once at the card level (trigger, action type, parameters) and then assigned to individual blocks or their sub-components (action targets). Supported triggers are Tap, Double Tap, and Hold. Available action types: None, Toggle, More Info, and Perform Action (service call). Action slots can be reconfigured per dashboard instance, keeping cards reusable.

Link Block

The Link block is a new special-purpose SVG block for drawing animated flow lines between elements on a card — purpose-built for energy flow diagrams and system topology visualizations. Key capabilities:

  • Path editor — place points on the canvas with line or Bézier curve segments, Catmull-Rom smoothing, and grid/snap tools
  • Anchor points — pin path endpoints to other blocks so links move automatically when blocks are repositioned
  • Particle animation — driven by a bound entity's numeric value: magnitude controls speed, sign controls direction, zero pauses the animation
  • Style targets — independent styling for the path line and the particle element

Links are created via a dedicated toggle in the header bar (not from the blocks palette).

Assets 3
Loading