Menu

Demonstration and configuration of the Radzen Blazor Menu component.

In this demo a multi-level menu displays component categories (General, Inputs, Data, Containers, More) with navigation paths, icons, and some disabled items, demonstrating parent Click events and child-specific Click handlers logging to console.

Console log

Keyboard Navigation link

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 Focus next child Menu item.
UpArrow Focus previous child Menu item.
Space or Enter on an expandable Menu item Expand the Menu item.
Esc on an expandable Menu item Collapse the Menu item.
Space or Enter on a non-expandable Menu item Navigate.
✨ 오늘의 명언 & 마음의 양식

“세상은 고통으로 가득하지만, 그것을 극복하는 사람들로도 가득하다.”

— 헬렌 켈러 (작가, 사회 운동가)
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 🗙