Input Number

Input numerical values with a customizable range.

Basic usage

TIP

When inputting invalid string to the input box, input value will emit NaN to the upper layer as result of error

Allows you to define incremental steps.

TIP

The value of precision must be a non negative integer and should not be less than the decimal places of step.

Use attribute size to set additional sizes with large or small.

Name	Description	Type	Default
model-value / v-model	binding value	`number`	—
min	the minimum allowed value	`number`	-Infinity
max	the maximum allowed value	`number`	Infinity
step	incremental step	`number`	1
step-strictly	whether input value can only be multiple of step	`boolean`	false
precision	precision of input value	`number`	—
size	size of the component	`enum`	default
readonly 2.2.16	same as `readonly` in native input	`boolean`	false
disabled	whether the component is disabled	`boolean`	false
controls	whether to enable the control buttons	`boolean`	true
controls-position	position of the control buttons	`enum`	—
name	same as `name` in native input	`string`	—
label a11y deprecated	same as `aria-label` in native input	`string`	—
aria-label a11y 2.7.2	same as `aria-label` in native input	`string`	—
placeholder	same as `placeholder` in native input	`string`	—
id	same as `id` in native input	`string`	—
value-on-clear 2.2.0	value should be set when input box is cleared	`number` / `null` / `enum`	—
validate-event	whether to trigger form validation	`boolean`	true