# 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 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.    |   |
| `Enter` & `Space` | Selects the highlighted item, or toggles the group of items.                                             |   |
| `Tab`             | Focuses the PanelBar component.                                                                          |   |

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/panelbar/keyboard/source.txt)

## Suggested Links

* [API Reference of the PanelBar](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/panelbarprops)
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/layout/panelbar/accessibility/wai-aria-support)