---
title: Keyboard Navigation
page_title: Keyboard Navigation - RangeSlider - Kendo UI for Vue
description: "Explore the keyboard navigation options provided by the Kendo UI RangeSlider wrapper for Vue."
slug: keyboard_navigation_rangeslider_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/inputs/globalization/"
position: 3
---


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

# Keyboard Navigation

The keyboard navigation of the RangeSlider is always available.

The RangeSlider supports the following keyboard shortcuts:

| SHORTCUT          |  DESCRIPTION    |
|:---               |:---|
| `Tab`+`Arrow Keys`| Focuses the drag handle of the next slider. |
| `Shift+Tab` arrow | Focuses the drag handle of the previous slider. |
| `Right Arrow` or `Up Arrow`   | Increases the value of the RangeSlider. |
| `Left Arrow` or `Down Arrow`  | Decreases the value of the RangeSlider. |

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

## 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)