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[].dpjaDatenpunkt, der beim Klick beschrieben wird
chips[].valueneinSchreibwert (Standard true)
chips[].activeValueneinVergleichswert für Aktiv-Markierung (Fallback: value)
checkDpneinDP, 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
wrapColsSpaltenzahl, 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
checkDpDP für die Aktiv-Markierung (==-Vergleich)

Sicherheitsabfrage

Bestätigungs-Overlay vor dem Schreiben.

OptionStandard
showConfirmfalseBestätigung vor Ausführen
confirmTextAnzeigetext im Overlay