Skip to main content

DxAccordionItem Class

Defines an item of the DxAccordion component.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

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.

Inheritance

Object
ComponentBase
DevExpress.Blazor.Base.DxAsyncDisposableComponent
DxSettingsComponent
DxNavigationItemBaseComponent<DevExpress.Blazor.Navigation.Internal.IAccordionItemModel>
DxAccordionItem
See Also