All Components

RangeSlider Overview

The RangeSlider displays and allows the user to select a range of values.

The RangeSlider wrapper for Vue is a client-side wrapper for Kendo UI RangeSlider widget.

Basic Usage

The following example demonstrates the RangeSlider in action.

<div id="vueapp" class="vue-app">
    <kendo-rangeslider :selection-start="start"
                       :selection-end="end"
                       :min="0"
                       :max="100">
    </kendo-rangeslider>
</div>
Vue.use(InputsInstaller);

new Vue({
    el: "#vueapp",
    data () {
        return {
            start: 25,
            end: 75
        }
    }
})

Functionality and Features

The component enables you to set its basic configuration options.

In this article