Skip to main content

DxAccordionItem.IconCssClass Property

Specifies the name of the CSS class applied to the Accordion item’s icon.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type Default Description
String null

The CSS class name.

Remarks

The code below adds items to an Accordion and assigns the Open Iconic icon to the Scheduler item:

<DxAccordion>
    <Items>
        <DxAccordionItem Text="Grid" NavigateUrl="https://demos.devexpress.com/blazor/Grid" />
        <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" />
        <DxAccordionItem Text="Scheduler" IconCssClass="oi oi-calendar" NavigateUrl="https://demos.devexpress.com/blazor/Scheduler" />
    </Items>
</DxAccordion>

Accordion item with an icon

Refer to the following topic for more information: Icons.

See Also