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 thekendo-vue-inputs package.
The NumericTextBox is part ofKendo UI for Vue, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free TrialBasic 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 theProgress 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 theNumber JavaScript object. TheNumber 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 onNumber, 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