Blazor ContextMenu
The Blazor ContextMenu opens a right-click menu of actions anywhere in your app via ContextMenuService.
NOTE: Please ensure you have reviewed the instructions in Get Started , as there are pre-requirements when using this component.
Use ContextMenuService to open and close context menus.
Show ContextMenu with items linkLink to this section
Create a context menu with menu items that appear when right-clicking on an element.
Console log
Show ContextMenu with custom content and separator linkLink to this section
Use custom templates and separators to create rich context menu experiences with icons, badges, and dividers.
Console log
Show ContextMenu for HTML element linkLink to this section
Attach a context menu to any HTML element using the ContextMenuService and element reference.
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 ContextMenu component.
| Press this key | To do this |
|---|---|
| Tab | Not handled by the menu; the menu is focused automatically when it opens. |
| UpArrow / DownArrow | Move between menu items, wrapping around at the ends. |
| RightArrow | Open the submenu of the focused item. |
| LeftArrow | Close the current submenu and return focus to its parent item. |
| Esc | Close the current submenu, or the whole menu when at the root level. |
| Home | Focus first item in the current menu. |
| End | Focus last item in the current menu. |
| Space or Enter | Activate the focused item or toggle its submenu. |
| A printable character | Focus the next item whose text starts with that character. |
Frequently asked questions
How do I add a right-click menu in Blazor?
Handle an element's @oncontextmenu and call ContextMenuService.Open with your menu items to show a context menu.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT