Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Blazor Accordion

The DevExpress Accordion component for Blazor (DxAccordion) displays collapsible panels and allows you to organize information in groups. You can also use this component as a navigation control.

Run Demo Read Tutorial: Explore Features Watch Video

Blazor Navigation Landing Accordion

#Features

#Bound and Unbound Modes

Accordion 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.

#Load Child Items On Demand

Load child items on demand in either bound or unbound mode to improve Accordion performance if it contains a large number of items. Set the LoadChildItemsOnDemand property to true to enable this functionality.

#Filter Items

The Accordion component includes a built-in item filter UI. Enable the ShowFilterPanel property to activate the search panel. You can use the CustomFilter property to implement custom filter logic.

The FilterString property allows you to specify the filter criteria in code.

Specify the NavigateUrl property for Accordion items to use the component as a navigation control.

The component can automatically select and expand to an item that navigates to the current page. Specify the UrlMatchMode property and set the SelectionMode property value to Single to enable this functionality.