Input Number

Input numerical values with a customizable range.

Basic usage

Disabled

Steps

Allows you to define incremental steps.

Step strictly

Precision

TIP

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

Size

Use attribute size to set additional sizes with medium, small or mini.

Controls Position

Attributes

AttributeDescriptionTypeAccepted ValuesDefault
model-value / v-modelbinding valuenumber / undefined0
minthe minimum allowed valuenumber-Infinity
maxthe maximum allowed valuenumberInfinity
stepincremental stepnumber1
step-strictlywhether input value can only be multiple of stepbooleanfalse
precisionprecision of input valuenumber
sizesize of the componentstringlarge/medium/small/minilarge
disabledwhether the component is disabledbooleanfalse
controlswhether to enable the control buttonsbooleantrue
controls-positionposition of the control buttonsstringright-
namesame as name in native inputstring
labellabel textstring
placeholderplaceholder in inputstring--

Events

Event NameDescriptionParameters
changetriggers when the value changescurrentValue, oldValue
blurtriggers when Input blurs(event: Event)
focustriggers when Input focuses(event: Event)

Methods

MethodDescriptionParameters
focusget focus the input component-
blurremove focus the input component