DxRibbonGroup.IconUrl Property

Specifies the icon URL for collapsed ribbon groups.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	The icon’s URL.

Remarks

When the ribbon width decreases, the component collapses groups and display them as drop-down buttons. Use the IconUrl property to specify an icon for that button.

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