DxTabs.ChildContent Property

Specifies the tab collection.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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>