# Predefined Steps

You can configure the way the RangeSlider divides its range and updates the value by using the step options.

## Small Steps

To define the small step of the RangeSlider, use the [`smallStep`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/rangeslidercomponent#smallstep) property. Based on the [`min`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/rangeslidercomponent#min) and [`max`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/rangeslidercomponent#max) values, the RangeSlider splits the track into equal ticks.

When the handles are dragged, the RangeSlider value changes with small steps. The `smallStep` property accepts both `integer` and `float` values.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/inputs/rangeslider/small-steps/source.txt)

## Large Steps

To define the large step of the RangeSlider, use the [`largeStep`](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/rangeslidercomponent#largestep) property. The property specifies that every n<sup>th</sup> step will render a large tick and a label. The `largeStep` value determines the step with which the RangeSlider will be updated when the `Page Up` and `Page Down` arrow keys are pressed, and has to be a positive integer.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/inputs/rangeslider/large-steps/source.txt)

## Suggested Links

* [API Reference of the RangeSlider](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/rangeslidercomponent)