# Kendo UI for Angular RangeSlider Overview

The Kendo UI for Angular RangeSlider enables the user to select ranges by dragging its handles or by clicking its track.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the RangeSlider in action.

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

## Key Features

* [Orientation](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/orientation)—The RangeSlider allows you to display it in a vertical or horizontal direction.
* [Forms support](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/forms)—You can use the RangeSlider both in template-driven and reactive Angular forms.
* [Ticks](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/ticks)—The RangeSlider provides configuration options for setting the placement, titles, and width of its ticks, which indicate the values resulting from each incremented predefined step.
* [Predefined steps](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/predefined-steps)—You can use the configuration options of the RangeSlider to define the step which the component uses to increase or decrease its value.
* [Disabled RangeSlider](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/disabled-state)—You can use the configuration options of the RangeSlider to disable the component so that users are not able to interact with it.
* [Read-only RangeSlider](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/readonly-state)—The RangeSlider provides an option for overriding its default active state.
* [Debouncing value changes](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/debounce-valuechange)—All Kendo UI for Angular Inputs enable you to implement a slight delay before they accept a new input value.
* [Appearance](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/styling)—All Kendo UI for Angular Inputs enable you to set their dimensions.
* [Globalization](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/globalization)—All Kendo UI for Angular Inputs provide globalization options.
* [Accessibility](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/accessibility)—The RangeSlider is accessible for screen readers and supports WAI-ARIA attributes.
* [Keyboard navigation](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/rangeslider/keyboard-navigation)—The RangeSlider supports a number of keyboard shortcuts for processing various commands.

## Support and Learning Resources

* [RangeSlider Homepage](https://www.telerik.com/kendo-angular-ui/rangeslider)
* [Getting Started with the Kendo UI for Angular Inputs](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/installation/getting-started)
* [API Reference of the RangeSlider](https://www.telerik.com/kendo-angular-ui-develop/components/inputs/api/rangeslidercomponent)
* [Getting Started with Kendo UI for Angular (Online Guide)](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started)
* [Getting Started with Kendo UI for Angular (Video Tutorial)](https://www.telerik.com/campaigns/kendo-ui/using-kendo-ui-with-angular-video-tutorial)
* [Video Courses](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started/video-onboarding)
* [RangeSlider Forum](https://www.telerik.com/forums/kendo-angular-ui?tagId=1212)
* [Before You Start: All Things Angular (Telerik Blog Post)](https://www.telerik.com/blogs/all-things-angular)
* [Knowledge Base](https://www.telerik.com/kendo-angular-ui-develop/components/knowledge-base)

## Additional Resources

* [Angular Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
* [Angular Videos](https://www.telerik.com/videos/kendo-angular-ui)
* [Kendo UI for Angular Roadmap](https://www.telerik.com/support/whats-new/kendo-angular-ui/roadmap)