Class TabHeader

A class that represents the tab header of SfTab component.

Inheritance

System.Object

TabHeader

Namespace: Syncfusion.Blazor.Navigations

Assembly: Syncfusion.Blazor.dll

Syntax

public class TabHeader : OwningComponentBase

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

public string IconCss { get; set; }

Property Value

Type	Description
System.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

public string IconPosition { get; set; }

Property Value

Type	Description
System.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

public string Text { get; set; }

Property Value

Type	Description
System.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(Boolean)

Dispose unmanaged resources in the Syncfusion Blazor component.

Declaration

protected override void Dispose(bool disposing)

Parameters

Type	Name	Description
System.Boolean	disposing	Boolean value to dispose the object.

OnInitializedAsync()

Method invoked when the component is ready to start.

Declaration

protected override Task OnInitializedAsync()

Returns

Type	Description
System.Threading.Tasks.Task	A System.Threading.Tasks.Task representing any asynchronous operation.

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
System.Threading.Tasks.Task	A System.Threading.Tasks.Task representing any asynchronous operation.