Mengen-Stepper
Mengenwahl mit −/+ und Zahleneingabe — progressive (Input funktioniert ohne JS), Controller klemmt auf min/max und emittet change
Nutzt: ui.icon
Beispiele
Standard (1–99)
Vorbelegt mit 3, Maximum 5
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| value | number | 1 | Startwert |
| min | number | 1 | Minimum |
| max | number | 99 | Maximum |
* 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 |
|---|---|
--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.hairlinecolor.border.defaultcolor.border.strongcolor.surface.defaultcolor.surface.sunkencolor.text.defaultcolor.text.disabledfont.family.defaultradius.controlsize.12size.8text.md