InputNumber & InputRange

Components

InputNumber

import InputNumber from '@semcore/ui/input-number';

type

InputNumberProps

InputProps & {...}

Property	Description
size `InputNumberSize` = m	Input size

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

type

InputNumberValueProps

InputValueProps & {...}

Property	Description
min `number` = Number.MIN_SAFE_INTEGER	Minimum value
max `number` = Number.MAX_SAFE_INTEGER	Maximum value
step `number` = 1	Value change step
value `InputNumberValue`	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`

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

type

InputNumberControlsProps

InputAddonProps & {...}

Property	Description
showControls `boolean` = false	Always displays controls (steppers)

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

API is the same as Input.Addon has.