Mengen-Stepper — ui.quantity-stepper
Mengenwahl mit −/+ und Zahleneingabe — progressive (Input funktioniert ohne JS), Controller klemmt auf min/max und emittet change
UI Elementv1.0.1Commerceweb.documentweb.applicationbuilder.preview
Beispiele
Standard (1–99)
Vorbelegt mit 3, Maximum 5
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
value | number | 1 |
min | number | 1 |
max | number | 99 |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--quantity-stepper-border-default | var(--color-border-default) |
--quantity-stepper-border-strong | var(--color-border-strong) |
--quantity-stepper-radius-control | var(--radius-control) |
--quantity-stepper-surface-default | var(--color-surface-default) |
--quantity-stepper-surface-sunken | var(--color-surface-sunken) |
--quantity-stepper-text-default | var(--color-text-default) |
--quantity-stepper-text-disabled | var(--color-text-disabled) |
Genutzte Design-Tokens
border.hairline color.border.default color.border.strong color.surface.default color.surface.sunken color.text.default color.text.disabled font.family.default radius.control size.12 size.8 text.md