Kendo UI for Vue
The KendoVue NumericTextBox lets the user edit and submit specific numeric values by typing them in an input field or by using spin buttons.
The default behavior of the NumericTextBox, when using its spin buttons, is to increase/decrease the component’s value by one. This default step can be changed to a different value with a single configuration option.
The Kendo UI for Vue NumericTextBox features a set of spin buttons. They allow the users to increase or decrease the numeric value of the component by clicking on its up or down arrows. The spin arrows are enabled by default, but can easily be disabled.Kendo UI for Vue NumericTextBox – Spin Buttons
The NumericTextBox can be configured to show values in decimal format, percentages, currency, or any combination of these. Based on the defined data format, the entered values will be automatically restricted to it by the component.
The built-in validation mechanism and stying of the NumericTextBox enables you to use it with no effort inside any HTML form. When inserted in a form, the component will validate the input values and if their state is not valid, the form submission will be prevented. To display an error message, both built-in and custom validation messages can be used.