DxTabs.ChildContent Property

Specifies the tab collection.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

C#

[Parameter]
public RenderFragment ChildContent { get; set; }

Property Value

Type	Description
RenderFragment	Tab collection.

Remarks

Blazor automatically generates the ChildContent property when you specify tabs between <DxTabs>…<DxTabs> tags:

Razor

<DxTabs>
    <ChildContent>
        <DxTab Text="Home" TabIconCssClass="tabs-icon-home tabs-icon"></DxTab>
        <DxTab Text="Products" TabIconCssClass="tabs-icon-products tabs-icon"></DxTab>
        <DxTab Text="Support" TabIconCssClass="tabs-icon-support tabs-icon"></DxTab>
    </ChildContent>
</DxTabs>

Note

Since ChildContent contains nested markup of its parent class, the template content must conform to HTML semantics.

You can omit the <ChildContent> tag and specify layout elements directly in the <DxTabs> tag:

Razor

<DxTabs>
    <DxTab Text="Home" TabIconCssClass="tabs-icon-home tabs-icon"></DxTab>
    <DxTab Text="Products" TabIconCssClass="tabs-icon-products tabs-icon"></DxTab>
    <DxTab Text="Support" TabIconCssClass="tabs-icon-support tabs-icon"></DxTab>
</DxTabs>