DxAccordionItem.CssClass Property

Specifies the name of a CSS class applied to the Accordion item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string CssClass { get; set; }

Property Value

Type	Description
String	The CSS class name.

Remarks

To define the appearance of the Accordion item, assign a CSS class name to the CssClass property.

<style>
    .my-style {
        background-color: salmon;
    }
</style>

<DxAccordion>
    <Items>
        <DxAccordionItem Text="Grid" CssClass="my-style" 
                         NavigateUrl="https://demos.devexpress.com/blazor/Grid" />
        <DxAccordionItem Text="Navigation and Layout" Expanded="true" NavigateUrl="https://demos.devexpress.com/blazor/Navigation">
            <Items>
                <DxAccordionItem Text="Accordion" CssClass="my-style" />
                <DxAccordionItem Text="Stack Layout" />
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Data Editors" NavigateUrl="https://demos.devexpress.com/blazor/Editors" />
        <DxAccordionItem Text="Scheduler" NavigateUrl="https://demos.devexpress.com/blazor/Scheduler" />
    </Items>
</DxAccordion>

Refer to the following topic for more information: CSS Classes.