InputNumber
Use to input number.
Usage
import { InputNumber } from 'rsuite';Examples
Default
Size
Decimals
Limits
limits: 10 - 100
Step
Disabled
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. |
| max | number (Infinity) |
Maximum value. |
| min | number (-Infinity) |
Minimum value. |
| onChange | (value: any, event: SyntheticInputEvent |
The callback function when value changes. |
| postfix | React.Node | Sets the element displayed on the right side of the component. |
| prefix | React.Node | Sets the element displayed to the left of the component. |
| scrollable | boolean (true) |
Whether the value can be changed through the wheel event. |
| size | enum: '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). |