DxAccordionItem.CssClass Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	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" />
        <DxAccordionItem Text="Navigation and Layout" Expanded="true">
            <Items>
                <DxAccordionItem Text="Accordion" CssClass="my-style" />
                <DxAccordionItem Text="Stack Layout" />
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Data Editors" />
        <DxAccordionItem Text="Scheduler" />
    </Items>
</DxAccordion>

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