Radzen Blazor Components

Blazor PanelMenu

Expandable items and display style options.

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.

Navigation Rail link

Use DisplayStyle="MenuItemDisplayStyle.IconAndTextStacked" to arrange icons above text for a modern navigation rail layout.

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.
All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 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 🗙