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.
Create a collapsible menu by statically declaring RadzenPanelMenuItem components in markup.
Console log
Generate menu items dynamically from data and control expansion state with two-way binding.
Customize the visual style of menu items using the DisplayStyle property for different appearance options.
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. |