DxMenuItem.CssClass Property

Specifies the name of a CSS class applied to a menu 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

<DxMenu>
    <Items>
        <DxMenuItem Text="Products" IconCssClass="oi oi-layers">
            <Items>
                <DxMenuItem Text="Subscriptions / Packs" />
            </Items>
        </DxMenuItem>
        <DxMenuItem Text="Support" IconCssClass="oi oi-people">
            <Items>
                <DxMenuItem Text="Knowledge Base" />
            </Items>
        </DxMenuItem>
        <DxMenuItem CssClass="mx-auto mt-1">
            <Template>
                <div class="container">
                    <input type="text" class="form-control form-control-sm center" placeholder="Search...">
                </div>
            </Template>
        </DxMenuItem>
    </Items>
</DxMenu>