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

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:

SHORTCUTDESCRIPTION
Up ArrowHighlights the previous item.
Left ArrowHighlights the previous item.
Down ArrowHighlights the next item.
Right ArrowHighlights the next item.
HomeSelects the first item in the list.
EndSelects the last item in the list.
Enter
  • Selects the highlighted item.
  • Toggles the item group.
Space
  • Selects the highlighted item.
  • Toggles the item group.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?