Blazor PanelMenu
The Blazor PanelMenu is a vertical, expandable sidebar menu with nested items - ideal for app navigation.
Statically declared items linkLink to this section
Create a collapsible menu by statically declaring RadzenPanelMenuItem components in markup.
Console log
Programmatically created items with Expanded binding linkLink to this section
Generate menu items dynamically from data and control expansion state with two-way binding.
Set the display style of menu items linkLink to this section
Customize the visual style of menu items using the DisplayStyle property for different appearance options.
Navigation Rail linkLink to this section
Use DisplayStyle="MenuItemDisplayStyle.IconAndTextStacked" to arrange icons above text for a modern navigation rail layout.
Keyboard Navigation linkLink to this section
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 | Move focus to the next visible item, descending into expanded submenus and back out at submenu boundaries. |
| UpArrow | Move focus to the previous visible item, descending into expanded submenus and back out at submenu boundaries. |
| Home | Focus first PanelMenu item. |
| End | Focus last PanelMenu item. |
| RightArrow | Expand a collapsed item; if already expanded, move focus to its first child; no effect on items without children. |
| LeftArrow or Esc | Collapse the current submenu and move focus to its parent 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. |
| Disabled items | Disabled items can receive focus but cannot be activated or expanded. |
Frequently asked questions
What is the Blazor PanelMenu used for?
It is a vertical, collapsible sidebar menu with nested items, commonly used for application navigation.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT