New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the RangeSlider is always available when the component is not disabled or readonly.
Each of the RangeSlider handles (thumbs) supports the following keyboard shortcuts when focused:
| SHORTCUT | DESCRIPTION |
|---|---|
Up Arrow & Right Arrow keys | Increases the value, corresponding to the focused handle, with a small step. |
Down Arrow & Left Arrow keys | Decreases the value, corresponding to the focused handle, with a small step. |
Page Up | Increases the value, corresponding to the focused handle, with a large step. |
Page Down | Decreases the value, corresponding to the focused handle, with a large step. |
Home | Sets the value, corresponding to the focused handle to the minimum value. |
End | Sets the value, corresponding to the focused handle to the maximum value. |
Tab | (Accessibility mode) Focuses the handle element that is next in the natural tabbing sequence. |
Example
View Source
Change Theme:
