New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the PanelBar is always available.
The PanelBar supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Up Arrow | Highlights the previous item. If no previous item is available, highlights the last item. |
Down Arrow | Highlights the next item. If no next item is available, highlights the first item. |
Left Arrow | Collapses the current item if it is expanded. If the item is not expandable, highlights the parent item. |
Right Arrow | Expands the current item if it is collapsed. If child items are available, highlights the first item. |
Home | Selects the first item from the list. |
End | Selects the last item from the list. |
Enter & Space | Selects the highlighted item, or toggles the group of items. |
Example
View Source
Change Theme:
