Produkt-Galerie
Thumbnail-Spalte + Hauptbild — Controller wechselt das Hauptbild beim Thumbnail-Klick; ohne Bilder rendern Platzhalter-Flächen
Beispiele
Ohne Bilder: Platzhalter-Flächen (Thumbnail-Klick wechselt die Auswahl)
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| images | array | [] | Bilder (leer = 4 Platzhalter-Flächen) |
| placeholder | number | 4 | Anzahl Platzhalter ohne Bilder |
* Pflicht-Prop
Events & Slots
Events:
⚡ change — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--product-gallery-border-default | var(--color-border-default) |
--product-gallery-radius-control | var(--radius-control) |
--product-gallery-radius-surface | var(--radius-surface) |
--product-gallery-surface-sunken | var(--color-surface-sunken) |
--product-gallery-text-default | var(--color-text-default) |
Genutzte Design-Tokens
border.hairlinecolor.border.defaultcolor.surface.sunkencolor.text.defaultradius.controlradius.surfacesize.16