Keyboard Navigation

By default, the keyboard navigation of the NumericTextBox is enabled.

Below is the list with the keyboard shortcuts that the NumericTextBox supports.

SHORTCUT DESCRIPTION
Up Arrow Increases the displayed numeric value with a predefined step.
Down Arrow Decreases the displayed numeric value with a predefined step.
<div id="vueapp" class="vue-app">
    <div>
        <numerictextbox
            :default-value="5"
        >
        </numerictextbox> 
    </div>
</div>
import { NumericTextBox } from '@progress/kendo-vue-inputs';

Vue.component('numerictextbox', NumericTextBox);

new Vue({
    el: '#vueapp'
});

In this article