Back to Devexpress

DxAccordionItem.IconCssClass Property

blazor-devexpress-dot-blazor-dot-dxaccordionitem-5a4c2c63.md

latest1.8 KB
Original Source

DxAccordionItem.IconCssClass Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Stringnull

The CSS class name.

|

Remarks

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

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

Refer to the following topic for additional information: Icons.

See Also

DxAccordionItem Class

DxAccordionItem Members

DevExpress.Blazor Namespace