Class TabHeader

A class that represents the tab header of SfTab component.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
TabHeader
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Navigations
Assembly: Syncfusion.Blazor.dll
Syntax
public class TabHeader : SfOwningComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Remarks

You can render text and icon of tab header by specifying value to corresponding property.

Examples
<SfTab>
    <TabItems>
        <TabItem>
            <ChildContent>
                <TabHeader IconCss="e-icons e-home" Text="Home"></TabHeader>
            </ChildContent>
            <ContentTemplate>
                <div>Tab content</div>
            </ContentTemplate>
        </TabItem>
    </TabItems>
</SfTab>

Constructors

TabHeader()

Declaration
public TabHeader()

Properties

IconCss

Gets or sets a icon class to render an icon in tab header.

Declaration
[Parameter]
public string IconCss { get; set; }
Property Value
Type Description
string

Accepts a icon class string separated by space to render an icon in tab header. The default value is string.Empty.
Remarks

This property value is only applied for tab header.

Examples
<SfTab>
    <TabItems>
        <TabItem>
            <ChildContent>
                <TabHeader IconCss="e-icons e-home"></TabHeader>
            </ChildContent>
            <ContentTemplate>
                <div>Home icon rendered in header</div>
            </ContentTemplate>
        </TabItem>
    </TabItems>
</SfTab>

IconPosition

Gets or sets a value that specifies the icon positioning in tab header.

Declaration
[Parameter]
public string IconPosition { get; set; }
Property Value
Type Description
string

Accepts a string value. The default value is left
Remarks

If the value is left, Places the icon to the left of the item. If the value is top, Places the icon on the top of the item. If the value is right, Places the icon to the right end of the item. If the value is bottom, Places the icon at the bottom of the item. This property depends on the IconCss property.

Examples
<SfTab>
    <TabItems>
        <TabItem>
            <ChildContent>
                <TabHeader Text="Home" IconCss="e-icons e-home" IconPosition="right"></TabHeader>
            </ChildContent>
            <ContentTemplate>
                <div>Home icon rendered in header</div>
            </ContentTemplate>
        </TabItem>
    </TabItems>
</SfTab>

Text

Gets or sets the text content to display in tab header.

Declaration
[Parameter]
public string Text { get; set; }
Property Value
Type Description
string

Accepts a string value. The default value is String.Empty.
Examples
<SfTab>
    <TabItems>
        <TabItem>
            <ChildContent>
                <TabHeader Text="Home"></TabHeader>
            </ChildContent>
            <ContentTemplate>
                <div>Home icon rendered in header</div>
            </ContentTemplate>
        </TabItem>
    </TabItems>
</SfTab>

Methods

Dispose(bool)

Dispose unmanaged resources in the Syncfusion Blazor component.

Declaration
protected override void Dispose(bool disposing)
Parameters
Type Name Description
bool disposing

Boolean value to dispose the object.
Overrides

OnInitializedAsync()

Method invoked when the component is ready to start.

Declaration
protected override Task OnInitializedAsync()
Returns
Type Description
Task

A System.Threading.Tasks.Task representing any asynchronous operation.
Overrides

OnParametersSetAsync()

Method invoked when the component has received parameters from its parent in the render tree, and the incoming values have been assigned to properties.

Declaration
protected override Task OnParametersSetAsync()
Returns
Type Description
Task

A System.Threading.Tasks.Task representing any asynchronous operation.
Overrides

Implements