Varianten-Swatch
Farb-/Bild-Kachel für Produktvarianten. Die Produktfarbe ist ein CONTENT-Datum (Prop), kein Design-Token — Auswahl-Ring und Maße kommen aus Tokens
Beispiele
Farbe, ausgewählt
Farbe, nicht ausgewählt
Ohne Farbwert (Platzhalter-Fläche)
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| label * | string | — | Bezeichnung (aria) |
| color | string | "" | Produktfarbe (CSS-Wert — Content-Datum) |
| imageUrl | string | "" | Bild-URL (vor Farbe) |
| active | boolean | false | Ausgewählt |
* Pflicht-Prop
Genutzte Design-Tokens
border.hairlinecolor.border.strongcolor.surface.sunkencolor.text.defaultfocus.ring-colorfocus.ring-offsetfocus.ring-widthradius.fullsize.10