InputNumber
An input component that can only enter numbers.
Import
import { InputNumber } from 'rsuite';Examples
Basic
Size
Decimals
Formatter
Limits
limits: 10 - 100
Step
Disabled and read only
Combination
Controlled
Props
<InputNumber>
| Property | Type (Default) |
Description |
|---|---|---|
| classPrefix | string ('input-number') |
The prefix of the component CSS class. |
| defaultValue | number | Default value. |
| disabled | boolean | Disabled component. |
| formatter | (value: number) => string | A format string used to display the number value.  |
| max | number | Maximum value. |
| min | number | Minimum value. |
| onChange | (value: number , event) => void | The callback function when value changes. |
| postfix | ReactNode | Sets the element displayed on the right side of the component. |
| prefix | ReactNode | Sets the element displayed to the left of the component. |
| scrollable | boolean (true) |
Whether the value can be changed through the wheel event. |
| size | 'lg' | 'md' | 'sm' | 'xs' ('md') |
An input can have different sizes. |
| step | number (1) |
The value of each step. can be decimal. |
| value | number | Value (Controlled). |