Blazor Menu Bar Example - Keyboard Navigation
This sample demonstrates the keyboard interactions of the Menu Bar component. The various key combinations can be used to interact with Menu Bar.
The Menu Bar supports the following keyboard shortcuts to initiate various actions.
- Supported keys and user actions
- Alt + J - Focuses on the first component of the demo.
- Up arrow - Navigates up or to the previous menu item.
- Down arrow - Navigates down or to the next menu item.
- Left arrow - Closes the current sub menu and navigates to the parent menu.
- Right arrow - Navigates and open the next sub menu.
- Esc - Closes the sub menu that contains focus and returns focus to the parent element.
- Enter - Opens the sub menu if focused menu item has sub menu, and places focus on its first item or activates the item and closes the sub menu.
- Home - Focuses the first item.
- End - Focuses the last item.