DxRibbonApplicationTabItem.IconUrl Property

Specifies the icon URL for the application tab’s item.

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 item icon’s URL.

Remarks

The following code snippet assigns icons to the application tab icons using Icon Library APIs:

@using DevExpress.Images.Blazor

<DxRibbon>
    <DxRibbonApplicationTab Text="File">
        <DxRibbonApplicationTabItem Text="New"
                                    IconUrl="@Icon.DocumentBlank" />
        <DxRibbonApplicationTabItem Text="Open"
                                    IconUrl="@Icon.FolderOpen" />
        <DxRibbonApplicationTabItem Text="Save as"
                                    IconUrl="@Icon.Save">
            <DxRibbonApplicationTabItem Text="Plain Text" />
            <DxRibbonApplicationTabItem Text="Word Document" />
            <DxRibbonApplicationTabItem Text="PDF" />
        </DxRibbonApplicationTabItem>
        <DxRibbonApplicationTabItem Text="Share"
                                    IconUrl="@Icon.Share" />
        <DxRibbonApplicationTabItem Text="Print"
                                    IconUrl="@Icon.Printer" />
    </DxRibbonApplicationTab>
    @* ... *@
</DxRibbon>

Run Demo

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