Skip to content

Schnellzugriff-Chips ​

Kompakte Schaltflächen-Leiste für Szenen und häufige Aktionen. Jeder Chip schreibt beim Klick einen festen Wert auf seinen Datenpunkt. Über einen Prüf-Datenpunkt lassen sich aktive Chips hervorheben; optional mit Sicherheitsabfrage.

Datenpunkt ​

Das Widget hat keinen eigenen Haupt-Datenpunkt — jeder Chip trägt seinen Ziel-DP selbst.

FeldPflichtTyp
chips[].dpja—Datenpunkt, der beim Klick beschrieben wird
chips[].valuenein—Schreibwert (Standard true)
chips[].activeValuenein—Vergleichswert für Aktiv-Markierung (Fallback: value)
checkDpnein—DP, dessen Wert über die Aktiv-Markierung entscheidet

Layouts ​

Die Anordnung steuert die Option layout (nicht das Standard-Widget-Layout).

Row ​

Chips in einer Zeile, horizontal scrollbar — Standard, für viele Chips.

Wrap ​

Chips fließen in mehrere Zeilen um — für variable Breiten.

Column ​

Chips untereinander gestapelt.

Grid ​

Chips in einem Raster mit fester Spaltenzahl (wrapCols).

Einstellungen ​

Alle Optionen werden im Editor unter Widget bearbeiten gesetzt.

Anzeige ​

OptionStandard
showTitletrueTitel anzeigen
showIcontrueIcon anzeigen
iconTagLucide-Icon
iconSize20px
titleAlignleftleft · center · right

Anordnung ​

OptionStandard
layoutrowrow · wrap · column · grid
alignstarthorizontale Ausrichtung: start · center · end
valignmiddlevertikale Ausrichtung: top · middle · bottom
gap6Abstand zwischen Chips in px
wrapCols—Spaltenzahl, nur bei layout: grid

Chip-Stil ​

OptionStandard
chipStyleoutlinedoutlined · filled · ghost
chipSize34Zahl in px oder sm (28) · lg (42)

Chips ​

OptionStandard
chips[]Liste aus { id, label, icon?, dp, value?, activeValue? }
chips[].iconZapLucide-Icon je Chip
checkDp—DP für die Aktiv-Markierung (==-Vergleich)

Sicherheitsabfrage ​

Bestätigungs-Overlay vor dem Schreiben.

OptionStandard
showConfirmfalseBestätigung vor Ausführen
confirmText—Anzeigetext im Overlay