Skip to main content
All docs
V25.1
  • DxRibbonGroup.ChildContent Property

    Specifies group nested items.

    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 items.

    Remarks

    A ribbon group can contain the following nested items:

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

    <DxRibbon>
        <DxRibbonTab Text="Home">
            <DxRibbonGroup Text="Clipboard">
                <ChildContent>
                    <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>
        </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 <DxRibbonGroup> 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>
    
    See Also