Kendo UI for Vue Native NumericTextBox Overview

The KendoVue NumericTextBox lets the user edit and submit specific numeric values by typing or by using the spin buttons.

The KendoVue NumericTextBox component is part of the KendoVue library of Vue UI components. It is distributed through NPM under the kendo-vue-inputs package.

The NumericTextBox Component is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the NumericTextBox in action.

Example
View Source
Change Theme:

Functionality and Features

To learn more about the appearance, anatomy, and accessibility of the NumericTextBox, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Known Limitations

To keep its value, the NumericTextBox uses the Number JavaScript object. The Number JavaScript object persists its precision up to 16 digits, and units which are longer than that get converted to exponential numbers and lose their precision. Because the component relies on Number, it inherits the precision limitation and because the limitation is caused by the JavaScript logic, the NumericTextBox does not provide a workaround to handle it.

Support and Learning Resources

Additional Resources