DxTabBase.TabIconCssClass Property

Specifies the tab icon’s CSS class.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	A string that specifies the tab icon’s CSS class.

Remarks

Use the TabIconCssClass property to add an icon to a tab.

Razor

<DxTabs>
    <DxTab Text="Informaton" TabIconCssClass="info"></DxTab>
    @*...*@
</DxTabs>

CSS

.info {
    height: 16px;
    width: 16px;
    background-image: url("../images/info.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

Refer to Icons for more information.

Run Demo: Tabs