Blazor Accordion – Manage navigation within your Blazor application

You can use the DevExpress Accordion component to organize/manage navigation within a Blazor-powered application.

This example is based on the DevExpress Blazor project template. In the NavMenu.razor file, replace the DxTreeView component with DxAccordion. Populate the Accordion with individual items and specify the NavigateUrl property for each item (corresponding to pages within the app). The Accordion can automatically select an item when its NavigateUrl property value matches the current page's URL. To enable this functionality, specify the UrlMatchMode property on the component or item level and allow item selection on the component level (SelectionMode property). You can also use the AllowSelection property at the item level to prevent item selection.

Files to Review

NavMenu.razor

Documentation

DxAccordion - Select Items