DxAccordionItem Class

Defines an item of the DxAccordion component.

Assembly: DevExpress.Blazor.v24.1.dll

Declaration

public class DxAccordionItem :
    DxNavigationItemBaseComponent<IAccordionItemModel>

Remarks

Use the DxAccordionItem instances to add items to your DxAccordion component.

Populate the <Items>...</Items> tag with items on different nesting levels to create the hierarchy of Accordion items:

<DxAccordion>
    @* Root items *@
    <Items>
        <DxAccordionItem Text="Shapes" Expanded="true">
            @* Nested items *@
            <Items>
                <DxAccordionItem Text="Circle" />
                <DxAccordionItem Text="Triangle" />
                <DxAccordionItem Text="Square" />
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Templates" />
    </Items>
</DxAccordion>

Accordion items

You can use the following properties to customize individual Accordion items:

ContentTemplate: Specifies a template for the Accordion item’s content.
HeaderTextTemplate: Specifies a template for the Accordion item’s header text.
IconCssClass: Specifies the name of the CSS class applied to the Accordion item’s icon.
IconUrl: Specifies the Accordion item’s icon URL.
Template: Specifies the template used to display the Accordion item.