DxAccordion.ExpandCollapseAction Property

Specifies the user action that expands or collapses the item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(AccordionExpandCollapseAction.Auto)]
[Parameter]
public AccordionExpandCollapseAction ExpandCollapseAction { get; set; }

Property Value

Type	Default	Description
AccordionExpandCollapseAction	Auto	An AccordionExpandCollapseAction enumeration value.

Available values:

Name	Description
Auto	When item selection is disabled, users can click an item or its Expand/Collapse button to expand/collapse the item. When item selection is enabled, users can click an item header to select it or the Expand/Collapse button to expand/collapse the item.
HeaderClick	The item expands or collapses when a user clicks the item’s header or expand\collapse button.
HeaderDoubleClick	The item expands or collapses when a user double clicks the item’s header or expand\collapse button.
ExpandButtonClick	The item expands or collapses when a user clicks the expand\collapse button.

Remarks

Users can click the Accordion item’s header or expand/collapse button to change the expansion state. Use the ExpandCollapseAction property to choose the action that expands or collapses the item.

The following example sets the ExpandCollapseAction property value to ExpandButtonClick:

<DxAccordion ExpandCollapseAction="AccordionExpandCollapseAction.ExpandButtonClick">
    <Items>
        @* ... *@
    </Items>
</DxAccordion>