All Components

Keyboard Navigation

The keyboard navigation of the Slider is always available.

The Slider supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Right Arrow or Up Arrow Increases the value of the Slider.
Left Arrow or Down Arrow Decreases the value of the Slider.
<div id="vueapp" class="vue-app">
    <kendo-slider :value="value"
                                    :min="0"
                                    :max="100">
        </kendo-slider>
</div>
Vue.use(InputsInstaller);

new Vue({
        el: "#vueapp",
        data: {
            value: 25
        }
})
In this article