Skip to main content
All docs
V25.1
  • DxDropDownButtonItem.BeginGroup Property

    Specifies whether to display the group separator before the item.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(false)]
    [Parameter]
    public bool BeginGroup { get; set; }

    Property Value

    Type Default Description
    Boolean false

    true to display the group separator before the item; otherwise, false.

    Remarks

    DxDropDownButton and DxSplitButton components can display drop-down menus. You can display horizontal lines within the menu to separate items into groups. To start a new group, set the BeginGroup property to true.

    blazor-dropdown-button-item-separator

    <DxDropDownButton RenderStyle="ButtonRenderStyle.Secondary"
                      Text="Clipboard"
                      IconCssClass="tb-icon tb-icon-paste"
                      CssClass="me-1">
        <Items>
            <DxDropDownButtonItem Text="Cut" IconCssClass="menu-icon-cut menu-icon" />
            <DxDropDownButtonItem Text="Copy" IconCssClass="menu-icon-copy menu-icon" />
            <DxDropDownButtonItem Text="Paste" IconCssClass="tb-icon tb-icon-paste" />
            <DxDropDownButtonItem Text="Paste Special" BeginGroup="true">
                <Items>
                    <DxDropDownButtonItem Text="Paste Text Only" />
                    <DxDropDownButtonItem Text="Paste Picture" Enabled="false" />
                    <DxDropDownButtonItem Text="Paste as Hyperlink" />
                </Items>
            </DxDropDownButtonItem>
        </Items>
    </DxDropDownButton>
    

    Run Demo: Drop-Down Button

    See Also