---
title: Usage
position: 2
seo_title: Guidelines for Using the RangeSlider Component
seo_description: Get the knack of the Telerik and Kendo UI RangeSlider and learn
  how to use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI RangeSlider requires you to follow some basic principles when using the component.

### Predefined Steps

The RangeSlider works with predefined steps that divide the range between the min and max values into equal increments. Ensure an optimal user experience by carefully defining the step intervals on the track. Too many value labels might interfere with the UI and cause usability issues.

<DosDonts>
<Do description="Utilize sliders with well-balanced predefined steps to ensure a user-friendly experience and maintain a clear UI.">![The Telerik and Kendo UI RangeSlider providing clear visual indication and user-friendly experience](images/components-rangeslider-usage-number-of-predefined-steps-do.png "Applying clear design to the Telerik and Kendo UI RangeSlider component")</Do>
<Dont description="Avoid overwhelming users with an excessive number of value labels and minimal spacing, as this can lead to mistakes and frustration. ">![A Telerik and Kendo UI RangeSlider component with an overwhelming amount of value steps](images/components-rangeslider-usage-number-of-predefined-steps-dont.png "Do not use excessive amounts of value steps on the slider track of the Telerik and Kendo UI RangeSlider component.")</Dont>
</DosDonts>


### Precision

The RangeSlider works best when an approximate value is good enough to select a range. However, when precision is crucial and every input matters, especially on mobile devices, range sliders may not be the best choice. In such scenarios, use an Input component that allows accurate data entry and ensures that all inputs are correct.

<DosDonts>
<Do description="Use RangeSliders in scenarios where precision is not crucial and the user wants to see quick visual feedback.">![The Telerik and Kendo UI RangeSlider providing clear visual indication and user-friendly experience](images/components-rangeslider-usage-precision-do.png "Applying clear design to the Telerik and Kendo UI RangeSlider component")</Do>
<Dont description="Avoid RangeSliders whenever selection precision is required, especially in mobile interfaces, as it may result in accessibility issues. Use the Input component instead.">![A Telerik and Kendo UI RangeSlider component requiring precise selection that leads to accessibility issues](images/components-rangeslider-usage-precision-dont.png "The Telerik and Kendo UI RangeSlider challenging the user to make precise selection.")</Dont>
</DosDonts>