Skip to main content

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.