Blazor Menu
The Blazor Menu builds horizontal or vertical navigation menus with nested submenus, icons, and templates.
Console log
Keyboard Navigation linkLink to this section
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Menu component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a Menu. |
| RightArrow | Focus next top Menu item. |
| LeftArrow | Focus previous top Menu item. |
| DownArrow | On a top-level item with a submenu, open it and focus its first item; within a submenu, focus the next item, wrapping from the last item to the first. |
| UpArrow | On a top-level item with a submenu, open it and focus its last item; within a submenu, focus the previous item, wrapping from the first item to the last. |
| RightArrow / LeftArrow | Open / close nested submenus in context and flyout menus. |
| Home | Focus first item in the current menu. |
| End | Focus last item in the current menu. |
| Space or Enter on an expandable Menu item | Expand the Menu item and focus its first item. |
| Esc | Close the current open submenu and return focus to its parent menu item. |
| Space or Enter on a non-expandable Menu item | Navigate. |
| A printable character | Focus the next item whose text starts with that character. |
Frequently asked questions
How do I create a navigation menu in Blazor?
Add RadzenMenu with RadzenMenuItem children; nest items for submenus and set Icon and Path on each item.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT
On this page