Skip to content

InputNumber & InputRange

Components5.8.2

InputNumber

import InputNumber from '@semcore/ui/input-number';
typeInputNumberProps
InputProps & {...}
PropertyDescription
size

Input size

InputNumber.Value

import InputNumber from '@semcore/ui/input-number';
<InputNumber.Value />;
typeInputNumberValueProps
InputValueProps & {...}
PropertyDescription
min
number = Number.MIN_SAFE_INTEGER

Minimum value

max
number = Number.MAX_SAFE_INTEGER

Maximum value

step
number = 1

Value change step

value

Numeric value

onChange
(value: InputNumberValue, event: React.SyntheticEvent) => void

Called when the input value changes, it returns its current value in numeric format

locale
string

InputNumber.Controls

import InputNumber from '@semcore/ui/input-number';
<InputNumber.Controls />;
typeInputNumberControlsProps
InputAddonProps & {...}
PropertyDescription
showControls
boolean = false

Always displays controls (steppers)

InputNumber.Addon

import InputNumber from '@semcore/ui/input-number';
<InputNumber.Addon />;

API is the same as Input.Addon has.