DxButtonBase.IconUrl Property

Specifies the button icon URL.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

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

Property Value

Type	Default	Description
String	null	The button icon URL.

Remarks

Use the IconUrl property to specify a button icon.

The following code snippet assigns icons to DxButton components using Icon Library APIs:

Index.razor

<DxButton RenderStyle="@ButtonRenderStyle.Primary"
          Text="Accept"
          IconUrl="@Icon.CheckmarkCircle"/>
<DxButton RenderStyle="@ButtonRenderStyle.Secondary"
          Text="Cancel"
          IconUrl="@Icon.Cancel"/>
<DxButton RenderStyle="@ButtonRenderStyle.Info"
          Text="Help"
          IconUrl="@Icon.QuestionCircle"/>
<DxButton RenderStyle="@ButtonRenderStyle.Link"
          Text="Delete"
          IconUrl="@Icon.Delete"/>

Imports.razor

@using DevExpress.Images.Blazor

Refer to the Icons help topic for additional information about icons in DevExpress Blazor components.