Kendo UI for Vue

Vue NumericTextBox

  • Lets the user edit and submit specific numeric values by typing or by using the spin buttons.
  • Part of Kendo UI for Vue library together with other best-in-class native components for building fast and beautiful apps.
  • Comes with outstanding technical support, detailed documentation and demos.
VueKendo2
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The KendoVue NumericTextBox lets the user edit and submit specific numeric values by typing them in an input field or by using spin buttons.

    Kendo UI for Vue NumericTextBox – Basic Usage Demo

    NumericTextBox - Overview
  • Predefined Steps

    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.

    Kendo UI for Vue NumericTextBox – Predefined Steps Demo

    NumericTextBox - Predefined Steps
  • Spin Buttons

    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
    NumericTextBox - Spin Buttons
  • Formats

    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.

    Kendo UI for Vue NumericTextBox – Formats Demo

    NumericTextBox – Formats
  • Forms Support

    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.

    Kendo UI for Vue NumericTextBox – Forms Support Demo

    NumericTextBox – Forms Support
  • Keyboard Navigation & Accessibility

    The component comes with built-in Keyboard Navigation that follows the best WAI-ARIA practices for its component role. Tested against the popular screen readers the NumericTextBox is also compliant with the Section 508 requirements.  

    Accessibility
kendo

Get Started with Kendo UI for Vue

Kendo UI