DxContextMenuItem.IconCssClass Property

Specifies a menu item icon’s CSS class.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	A menu item icon’s CSS class.

Remarks

DevExpress Blazor components support pre-defined icon sets (such as Iconic or Bootstrap-recommended libraries) and custom icon libraries. Refer to the following topic for more information: Icons.

The code below uses the IconCssClass property to add Open Iconic icons to the Context Menu items.

<DxContextMenu>
    <Items>
        <DxContextMenuItem Text="Home" IconCssClass="oi oi-home"></DxContextMenuItem>
        <DxContextMenuItem Text="Contacts" IconCssClass="oi oi-phone"></DxContextMenuItem>
        <DxContextMenuItem Text="Calendar" IconCssClass="oi-calendar"></DxContextMenuItem>
    </Items>
</DxContextMenu>