imitation
NumberInput
A numeric field with minus and plus steppers.
ReviewersClamped between 0 and 10
In context
Project settingsReviewers needed before a release
Tideline mobile settings
How many people sign off before Tideline mobile ships on 7 Nov?
sign-offs required
Props
| Prop | Type | Required | Default |
|---|---|---|---|
size | "sm" | "md" | "lg" | undefined | No | md |
value | number | undefined | No | — |
defaultValue | number | undefined | No | — |
onChange | ((value: number) => void) | undefined | No | — |
min | number | undefined | No | — |
max | number | undefined | No | — |
step | number | undefined | No | 1 |
Constraints
Typed values and the stepper buttons both clamp to min and max. A stepper at its limit disables itself rather than silently doing nothing. It is a text input underneath, not type="number".
data-rebar-* attributes
data-rebar-component="number-input"; data-rebar-part is "decrement", "input" or "increment".
Migrating to Ant Design
Not codemod-covered. AntD's InputNumber is the structural equivalent; min, max and step match, but formatter and parser callbacks need a hand check.