RangeSlider

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.

DoUtilize sliders with well-balanced predefined steps to ensure a user-friendly experience and maintain a clear UI.

Don'tAvoid overwhelming users with an excessive number of value labels and minimal spacing, as this can lead to mistakes and frustration.

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.

DoUse RangeSliders in scenarios where precision is not crucial and the user wants to see quick visual feedback.

Don'tAvoid RangeSliders whenever selection precision is required, especially in mobile interfaces, as it may result in accessibility issues. Use the Input component instead.