Skip to main content
BuyLog In
Blazor
Search in…
Docs > Components > Navigation > Menu
All docs
V24.1
Blazor Components
Prerequisites
Supported Browsers
Get Started
Upgrade to a New Version
Demos
Examples
Videos
Common Concepts
Components
Grid
Bar Gauge
Charts
Dashboard
Data Editors
Dialogs and Windows
File Management
HTML Editor
Layout
Map
Navigation
Accordion
Context Menu
Menu
TreeView
Toolbar
PDF Viewer (CTP)
Reports
Pivot Grid
Rich Text Editor
Scheduler
Sparkline
TreeList (CTP)
Utility Controls
Backend Web API Service
Office File API
DevExtreme Components
Styling and Themes
Security Considerations
Troubleshooting
Blazor & WinForms App UI Framework (Powered by EF Core)
Maintenance Mode
API Reference
Download CHM

Blazor Menu

The DevExpress Menu component for Blazor (DxMenu) allows you to add an adaptive menu to your Blazor application.

Run Demo Read Tutorial: Explore Features Watch Video

Menu Overview

Features

Bound and Unbound Modes

The Menu supports bound and unbound modes. Use the Data property to bind the component to flat or hierarchical data. In unbound mode, populate the Items collection manually.

Horizontal and Vertical Orientation

The Menu’s default orientation is Horizontal (menu items are arranged in a row). Use the Orientation property to change the orientation to Vertical.

Desktop and Mobile Display Mode

The Menu component implements Desktop and Mobile display modes that are optimized for the corresponding devices. Use the DisplayMode property to specify the display mode, or leave the default Auto value to allow the component to automatically adapt to the user device’s type.

Adaptivity

When there is not enough space to display all the items, the Menu component can adapt its layout: hide text for all items with icons and collapse items into a hamburger menu. Use CollapseItemToIconMode and CollapseItemsToHamburgerMenu properties to enable these features.