DxAccordionItem.IconUrl Property

Specifies the Accordion item’s icon URL.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

[DefaultValue(null)]
[Parameter]
public string IconUrl { get; set; }

Property Value

Type	Default	Description
String	null	The icon URL.

Remarks

The following code snippet assigns icons to Accordion items using Icon Library APIs:

@using DevExpress.Images.Blazor

<DxAccordion>
    <Items>
        <DxAccordionItem Text="Grid"
                         NavigateUrl="https://demos.devexpress.com/blazor/Grid"
                         IconUrl="@Icon.Table"/>
        <DxAccordionItem Text="Navigation and Layout"
                         NavigateUrl="https://demos.devexpress.com/blazor/Navigation">
            <Items>
                <DxAccordionItem Text="Accordion" />
                <DxAccordionItem Text="Stack Layout" />
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Data Editors"
                         NavigateUrl="https://demos.devexpress.com/blazor/Editors"
                         IconUrl="@Icon.TextEdit"/>
        <DxAccordionItem Text="Scheduler"
                         NavigateUrl="https://demos.devexpress.com/blazor/Scheduler"
                         IconUrl="@Icon.Calendar" />
    </Items>
</DxAccordion>

Refer to the following topic for additional information: Icons.