New to Kendo UI for jQuery? Start a free 30-day trial

SmallStep

configuration

The small step value of the RangeSlider. The underlying value will be changed when the end user (1) clicks on the increase or decrease buttons of the RangeSlider, (2) presses the arrow keys (the drag handle must be focused), or (3) drags the drag handle.

smallStep

Number

Default: 1

<div id="rangeslider" style="width: 200px;">
    <input />
    <input />
</div>
<script>
    $("#rangeslider").kendoRangeSlider({
        smallStep: 2,
        largeStep: 20,
        min: 0,
        max: 100,
        selectionStart: 20,
        selectionEnd: 60
    });
</script>