Skip to main content

DxContextMenuItem.IconUrl Property

Specifies a menu item icon’s URL.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor


public string IconUrl { get; set; }

Property Value

Type Default Description
String null

A menu item icon’s URL.


Use the IconUrl property to specify path to a menu item’s icon. The specified image is wrapped with the <img> tag when rendered. The resulting image is limited to 16px*16px.

        <DxContextMenuItem Text="Sort By" IconUrl="images/Sort_by.svg">
                <DxContextMenuItem Text="Name"></DxContextMenuItem>
                <DxContextMenuItem Text="Size"></DxContextMenuItem>
                <DxContextMenuItem Text="Type"></DxContextMenuItem>
        <DxContextMenuItem Text="Copy" IconUrl="images/Copy.svg" BeginGroup="true"></DxContextMenuItem>
        <DxContextMenuItem Text="Cut" IconUrl="images/Cut.svg"></DxContextMenuItem>
        <DxContextMenuItem Text="Remove" IconUrl="images/Clear.svg"></DxContextMenuItem>
        <DxContextMenuItem Text="Select All" BeginGroup="true"></DxContextMenuItem>

ContextMenu Items

Run Demo: Context Menu

See Also