Skip to content

Files

Latest commit

 

History

History
41 lines (32 loc) · 1.59 KB

keyboard-navigation.md

File metadata and controls

41 lines (32 loc) · 1.59 KB
title page_title description slug canonicalLink position
Keyboard Navigation
Keyboard Navigation - PanelBar - Kendo UI for Vue
Explore the keyboard navigation options provided by the Kendo UI PanelBar wrapper for Vue.
keyboard_navigation_panelbar_wrapper
9

Keyboard Navigation

The keyboard navigation of the PanelBar is always available.

To focus the PanelBar, either:

  • Click in the example area and press the Tab key, or
  • Use Alt+w.

The PanelBar supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Up Arrow Highlights the previous item.
Left Arrow Highlights the previous item.
Down Arrow Highlights the next item.
Right Arrow Highlights the next item.
Home Selects the first item in the list.
End Selects the last item in the list.
Enter
  • Selects the highlighted item.
  • Toggles the item group.
Space
  • Selects the highlighted item.
  • Toggles the item group.

{% meta height:450 %} {% embed_file panelbar/keyboard/main.vue preview %} {% embed_file panelbar/keyboard/main.js %} {% endmeta %}

Suggested Links