DxContextMenuItem.IconUrl Property
Specifies a menu item icon’s URL.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v22.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(null)]
[Parameter]
public string IconUrl { get; set; }
Property Value
Type | Default | Description |
---|---|---|
String | null | A menu item icon’s URL. |
Remarks
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.
<DxContextMenu>
<Items>
<DxContextMenuItem Text="Sort By" IconUrl="images/Sort_by.svg">
<Items>
<DxContextMenuItem Text="Name"></DxContextMenuItem>
<DxContextMenuItem Text="Size"></DxContextMenuItem>
<DxContextMenuItem Text="Type"></DxContextMenuItem>
</Items>
</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>
</Items>
</DxContextMenu>
See Also