Kendo UI for Vue Native NumericTextBox Overview
The Kendo UI for Vue Native 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.
Basic Usage
The following example demonstrates the NumericTextBox in action.
Functionality and Features
- Predefined steps
- Spin buttons
- Formats
- Prefix & Suffix Adornments
- Custom parsing and formatting of user input
- Floating labels
- Appearance
- Forms support
- Globalization
- Keyboard navigation
- Accessibility
To learn more about the appearance, anatomy, and accessibility of the NumericTextBox, visit the Progress Design System documentation. This information portal offers 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
- NumericTextBox Homepage
- Getting Started with the Kendo UI Vue Inputs
- API Reference of the NumericTextBox Component
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
- Virtual Classroom (Training Course for Registered Users)
- NumericTextBox Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code