Radzen Blazor Components

PanelMenu

Demonstration and configuration of the Radzen Blazor PanelMenu component.

Statically declared items link

Console log

Programmatically created items with Expanded binding link

Set the display style of menu items link

Keyboard Navigation link

The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor PanelMenu component.

Press this key To do this
Tab Navigate to a PanelMenu.
Down Arrow Focus next PanelMenu item.
Up Arrow Focus previous PanelMenu item.
Space or Enter on an expandable item Change the state of a focused PanelMenu item switching between expanded and collapsed.
Space or Enter on a non-expandable item Navigate.

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under MIT

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 🗙