Keyboard Navigation

The keyboard navigation of the PanelBar is always available.

The PanelBar supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Up ArrowHighlights the previous item. If no previous item is available, highlights the last item.
Down ArrowHighlights the next item. If no next item is available, highlights the first item.
Left ArrowCollapses the current item if it is expanded. If the item is not expandable, highlights the parent item.
Right ArrowExpands the current item if it is collapsed. If child items are available, highlights the first item.
HomeSelects the first item from the list.
EndSelects the last item from the list.
Enter & SpaceSelects the highlighted item, or toggles the group of items.
TabFocuses the PanelBar component.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?