All Components

Configuration

The RangeSlider enables you to set its basic configuration options.

The available configurable properties of the RangeSlider are:

  • Minimum and maximum values
  • Horizontal or vertical orientation
  • Small and large steps
  • Format and position of the tooltip
<div id="vueapp" class="vue-app">
    <kendo-rangeslider :min="0"
                       :max="1"
                       :large-step="0.1"
                       :small-step="0.05"
                       :orientation="'vertical'"
                       :tooltip-format="'{0:p}'">
    </kendo-rangeslider>
</div>
Vue.use(InputsInstaller);

new Vue({
    el: "#vueapp"
})
In this article