componente · @solu30/ui-kit/input
QuantityStepper
El componente, montado
Cargando el espécimen…
Cargando el chunk del paquete instalado…
De dónde se importa
import { QuantityStepper } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| value | sí | number | — |
| onChange | sí | (value: number) => void | — |
| min | opcional | number | — |
| max | opcional | number | — |
| decrementLabel | opcional | string | — |
| incrementLabel | opcional | string | — |
| className | opcional | string | — |
| size | opcional | "sm" | "md" | @default "md" |
| editable | opcional | boolean | Permite tipear el valor en vez de llegar a él a click de +/−. Imprescindible cuando el rango útil es de cientos (ej. repartir 186 comensales entre menús): el stepper puro obliga a 186 clicks. @default false |
| inputLabel | opcional | string | aria-label del campo numérico. Sólo se usa con `editable`. |
| disabled | opcional | boolean | Deshabilita el control entero (botones + campo). |