MenuDivider

A horizontal line element used to visually separate groups of menu items within a ContextMenu.

Constructor

new MenuDivider();

Examples

Use dividers to organize related menu items into logical groups:

new ContextMenu(
    // Edit group
    new MenuItem(new Label("Cut")).OnClick(_ => Cut()),
    new MenuItem(new Label("Copy")).OnClick(_ => Copy()),
    new MenuItem(new Label("Paste")).OnClick(_ => Paste()),

    new MenuDivider(),

    // Selection group
    new MenuItem(new Label("Select All")).OnClick(_ => SelectAll()),
    new MenuItem(new Label("Deselect")).OnClick(_ => Deselect()),

    new MenuDivider(),

    // Danger zone
    new MenuItem(new Label("Delete")).OnClick(_ => Delete())
);

Conditional Dividers

Show or hide dividers based on application state:

var HasRecentFiles = new ReactiveProperty<bool>(true);

new ContextMenu(
    new MenuItem(new Label("Save")).OnClick(_ => Save()),
    new MenuItem(new Label("Save As...")).OnClick(_ => SaveAs()),

    new MenuDivider()
        .BindVisible(HasRecentFiles),

    // Recent files section only shown when there are recent files
    new MenuItem(new Label("Recent File 1")).OnClick(_ => OpenRecent(0))
        .BindVisible(HasRecentFiles),
    new MenuItem(new Label("Recent File 2")).OnClick(_ => OpenRecent(1))
        .BindVisible(HasRecentFiles)
);

Properties

Prop	Type	Default
`disabled?`	`bool`	`false`
`visible?`	`bool`	`true`
`name?`	`string`	`""`

Methods

Prop	Type	Default
`Visible?`	`(bool) => MenuDivider`	-
`GetVisible?`	`() => bool`	-
`BindVisible?`	`(Observable<bool>) => MenuDivider`	-
`ClassName?`	`(string, bool = true) => MenuDivider`	-
`BindClassName?`	`(string, Observable<bool>) => MenuDivider`	-

CSS Classes

.elements-menu-divider - The divider element (styled as a horizontal line)

MenuDivider extends BaseElement.