Back to Devexpress

DxRibbonTab.IconUrl Property

blazor-devexpress-dot-blazor-dot-dxribbontab-b0b5cd8f.md

latest1.4 KB
Original Source

DxRibbonTab.IconUrl Property

Specifies the URL of the Ribbon tab’s icon.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Stringnull

The icon URL.

|

Remarks

Use the IconUrl property to set a custom icon for a Ribbon tab.

razor
<DxRibbon>
    <DxRibbonTab Text="Home"
                 IconUrl="images/icon.svg">
        <DxRibbonGroup Text="Style">
            <DxRibbonItem Text="Bold" IconCssClass="dx-icon-bold" />
            <DxRibbonItem Text="Italic" IconCssClass="dx-icon-italic" />
            <DxRibbonItem Text="Underline" IconCssClass="dx-icon-underline" />
        </DxRibbonGroup>
    </DxRibbonTab>
    <DxRibbonTab Text="Insert" />
</DxRibbon>

Note

This property overrides the icon assigned with IconCssClass.

See Also

DxRibbonTab Class

DxRibbonTab Members

DevExpress.Blazor Namespace