Keyboard Navigation
By default, the keyboard navigation of the PanelBar is enabled.
The PanelBar supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Up Arrow | Highlights the previous item. If no previous item is available, highlights the last one. |
Down Arrow | Highlights the next item. If no next item is available, highlights the first one. |
Left Arrow | Non Collapsible Items: Focuses the parent item. Collapsible Items: Collapses the expanded items. Focuses the parent element if the item is collapsed. |
Right Arrow | Expands the collapsed items. If an item is expanded, focuses its first child node. |
HOME | Focuses the first item in the PanelBar without expanding or collapsing an item. |
END | Focuses the last item in the PanelBar without expanding or collapsing an item. |
Enter & Space | Expands/collapses the current item. If child items are available, highlights the first item when expanded. |
Tab | Focuses the PanelBar component. |
Example
View Source
Change Theme:
