Skip to main content

DevExpress v25.1 Update — Your Feedback Matters

Our What's New in v25.1 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

  • 2 minutes to read

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

Blazor Navigation Landing Accordion

#API Reference

Refer to the following list for the component API reference: DxAccordion Members.

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

#Localization

The Accordion component’s UI elements such as labels, context menus, and error messages are displayed in English. Localization automatically adapts the component to the user’s preferred language.

DevExpress components include predefined satellite resource assemblies for German, Spanish, and Japanese. Use the DevExpress Localization Service to create and download a custom set of satellite assemblies, and modify resources.