---
title: Overview
page_title: RangeSlider Overview - Components - Kendo UI for Vue
description: "Get an overview of the features the Kendo UI RangeSlider wrapper for Vue delivers and use the component in Vue projects."
slug: overview_rangeslider_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/inputs/rangeslider/"
position: 1
---


<div><WrapperBanner link="/kendo-vue-ui/components/inputs/rangeslider"></WrapperBanner></div>    

# RangeSlider Overview

The RangeSlider displays and allows the user to select a range of values.

The RangeSlider wrapper for Vue is a client-side wrapper for [Kendo UI RangeSlider](https://docs.telerik.com/kendo-ui/api/javascript/ui/rangeslider) widget.

<div data-component="StartFreeTrialSection"></div>

## Basic Usage

The following example demonstrates the RangeSlider in action.

{% meta height:100 %}
{% embed_file rangeslider/basic/main.vue preview %}
{% embed_file rangeslider/basic/main.js %}
{% endmeta %}

## Functionality and Features

* [Configuration options]({% slug configuration_rangeslider_wrapper %})
* [Keyboard navigation]({% slug configuration_rangeslider_wrapper %})

## Suggested Links

* [Kendo UI RangeSlider for jQuery](https://docs.telerik.com/kendo-ui/controls/editors/rangeslider/overview)
* [API Reference of the RangeSlider Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/rangeslider)