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) => void 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).