DxAccordionItem Class

Defines an item of the DxAccordion component.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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:

razor

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

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

ContentTemplateSpecifies a template for the Accordion item’s content.HeaderTextTemplateSpecifies a template for the Accordion item’s header text.IconCssClassSpecifies the name of the CSS class applied to the Accordion item’s icon.IconUrlSpecifies the Accordion item’s icon URL.TemplateSpecifies the template used to display the Accordion item.

Implements

Inheritance

Object ComponentBase DxComponentBase DxModelComponent DxNavigationItemBaseComponent<DevExpress.Blazor.Navigation.Internal.IAccordionItemModel> DxAccordionItem