DxRibbonTab.ChildContent Property

Specifies the nested element collection of the ribbon tab.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
RenderFragment	Nested elements.

Remarks

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

<DxRibbon>
    <DxRibbonTab Text="Home">
        <ChildContent>
            <DxRibbonGroup Text="Clipboard">
                    <DxRibbonItem Text="Undo" IconCssClass="rb-icon rb-icon-undo" SplitDropDownButton="true">
                        <DxRibbonItem Text="Redo" />
                    </DxRibbonItem>
                    <DxRibbonItem Text="Paste" IconCssClass="rb-icon rb-icon-paste" SplitDropDownButton="true">
                        <DxRibbonItem Text="Copy" />
                        <DxRibbonItem Text="Cut" />
                    </DxRibbonItem>
                </ChildContent>
            </DxRibbonGroup>
        </ChildContent>
    </DxRibbonTab>
</DxRibbon>

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 the markup directly in the <DxRibbonTab> tag:

<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Clipboard">
            <DxRibbonItem Text="Undo" IconCssClass="rb-icon rb-icon-undo" SplitDropDownButton="true">
                <DxRibbonItem Text="Redo" />
            </DxRibbonItem>
            <DxRibbonItem Text="Paste" IconCssClass="rb-icon rb-icon-paste" SplitDropDownButton="true">
                <DxRibbonItem Text="Copy" />
                <DxRibbonItem Text="Cut" />
            </DxRibbonItem>
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>