Number Input

Number Inputs are form components used to for inputting and manipulating numbers.

Example

Number Input

Disabled State

Disabled Number Input

Minimum and Maximum Value

Number Input Minimum and Maximum Value

Step Size

You can set the increment / decrement step by using the step property. The step is 1 by default.

Number Input Step Size

Precision

You can set the number precision using the precision property, allowing you to enter floating point numbers into the input.

Number Input Precision

Prefix and Suffix

Inkline allows you to easily add a prefix or suffix to your inputs. Using prefixes and suffixes you can, indicate your input type using an icon or text.

Number Input Prefix and Suffix
@
@
@ @

Prepend and Append

You can add additional content such as select fields, buttons or plain text, to either side of the input by using the prepend and append slots.

Number Input Prepend
http://
http://
http://
.com

Sizes

You're able to use the size modifier to control the size of your inputs, using one of the available sizes: sm, md, and lg. The default size is set to md.

Number Input Sizes

API

Input Number API <i-input-number>
Property Description Type Accepted Default
disabled Sets the state of the number input form component as disabled. Boolean true, false false
placeholder Sets the placeholder of the number input form component. String
readonly Sets the state of the number input form component as readonly. Boolean true, false false
schema Provides a schema binding to the number input form component. See the Form Validation documentation. Object
size Sets the size of the number input form component. String sm, md, lg md
value Sets the value of the number input form component. To be provided using the v-model directive. String
min Sets the minimum value of the number input form component. Number -Infinity
max Sets the maximum value of the number input form component. Number +Infinity
precision Sets the number precision of the number input form component value. Number 0
step Sets increase and decrease step of the number input form component value. Number 1