PanelMenu
Demonstration and configuration of the Radzen Blazor PanelMenu component.
These demos display hierarchical navigation menus with expandable panels and nested items, showing both statically declared items and programmatically created menus with expanded state binding and customizable display styles.
Statically declared items link
Create a collapsible menu by statically declaring RadzenPanelMenuItem components in markup.
Console log
Programmatically created items with Expanded binding link
Generate menu items dynamically from data and control expansion state with two-way binding.
Set the display style of menu items link
Customize the visual style of menu items using the DisplayStyle property for different appearance options.
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. |
| DownArrow | Focus next PanelMenu item. |
| UpArrow | 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. |
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT