Back to Devexpress

DxTabBase.TabIconCssClass Property

blazor-devexpress-dot-blazor-dot-base-dot-dxtabbase-949ce0dc.md

latest1.5 KB
Original Source

DxTabBase.TabIconCssClass Property

Specifies the tab icon’s CSS class.

Namespace : DevExpress.Blazor.Base

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Stringnull

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 additional information.

Run Demo: Tabs

Implements

TabIconCssClass

See Also

DxTabBase Class

DxTabBase Members

DevExpress.Blazor.Base Namespace