Skip to main content

DxAccordion.SelectionMode Property

Specifies the selection mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor


public NavigationSelectionMode SelectionMode { get; set; }

Property Value

Type Default Description
NavigationSelectionMode None

A NavigationSelectionMode enumeration value.

Available values:

Name Description

Users cannot select items.


Users can select one item.


Set the SelectionMode property value to Single to activate selection functionality in the Accordion component:

<DxAccordion SelectionMode="NavigationSelectionMode.Single">
        <DxAccordionItem Text="Shapes">
                <DxAccordionItem Text="Circle" />
                <DxAccordionItem Text="Square" />
        <DxAccordionItem Text="Templates" />

Accordion with single selection

If you want the item to expand on selection, set the AccordionExpandCollapseAction property to HeaderClick.

Use the SelectItem method to select an item from code.

Run Demo: Accordion - Select Items

See Also