Vue Inputs Library & RangeSlider-no- Component - Keyboard Navigation - Kendo UI for Vue Docs & Demos

Introduction
Getting Started
Vue 2 End of Support
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- - Overview
  - ColorPicker
  - MaskedTextBox
  - NumericTextBox
  - RangeSlider
  - Slider
  - Switch
  - API
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Inputs / RangeSlider / Keyboard Navigation /

New to Kendo UI for Vue? Start a free 30-day trial

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.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!