ContextMenu

Demonstration and configuration of the Radzen Blazor ContextMenu component.

These demos show context menus triggered by right-clicking elements, using the ContextMenuService to display menu items, custom content with separators, and menus attached to HTML elements via oncontextmenu handlers.

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 link

Create a context menu with menu items that appear when right-clicking on an element.

Console log

Show ContextMenu with custom content and separator link

Use custom templates and separators to create rich context menu experiences with icons, badges, and dividers.

Console log

Show ContextMenu for HTML element link

Attach a context menu to any HTML element using the ContextMenuService and element reference.

Console log

✨ 오늘의 명언 & 마음의 양식

“어제로부터 배우고, 오늘을 살며, 내일을 희망하라. 중요한 것은 질문을 멈추지 않는 것이다.”

— 알베르트 아인슈타인 (물리학자)
On this page

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙