Kendo UI for Angular
Angular RangeSlider
- Replace boring numeric input fields and spinners with an eye catching and easy-to-use Angular slider.
- Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
-
Visually Select Numeric Ranges
The Kendo UI for Angular RangeSlider helps you deliver great UX by providing a visual control for selecting numeric ranges rather than providing ordinary text boxes or spinners.
-
Predefined Steps
Control the scale displayed on the Angular RangeSlider component by specifying the interval between tick marks (small steps) and by specifying at what interval a tick mark will have a data label (large steps).
-
Ticks
Set up the Range Slider component any way you like with these configuration options:
- Choose to show tick marks above or below a horizontal slider, to the left or right of a vertical slider, or not at all.
- Define the titles that show with the ticks.
- Set the width between two ticks.
-
Orientation
RangeSlider can be displayed horizontally or vertically in order to fit properly in your screen layout.
-
Keyboard Navigation
RangeSlider supports a variety of keyboard shortcuts to set values on the scale and focus on minimum and maximum drag handles.
-
Accessibility
RangeSider complies with WAI-ARIA and Section 508 standard.
Get Started with Kendo UI for Angular
