Skip to content
NAVIGATION · FREE

Menu

A button that opens a clear list of actions.

A button that opens a clear list of actions, closing on selection, Escape or a click outside.

Why it helps

  • Simple action list
  • Keyboard friendly
  • Icon-only trigger option

Where it fits

  • Row actions
  • Toolbars
  • Overflow menus
Menu control in a RayCraft page

Example

<Menu Icon="IconName.MoreVertical" Label="More actions" ButtonVariant="Variant.Text">
    <MenuItem Icon="IconName.Edit" OnClick="@(() => _last = "Edit")">Edit</MenuItem>
    <MenuItem Icon="IconName.Copy" OnClick="@(() => _last = "Duplicate")">Duplicate</MenuItem>
</Menu>
<p>Last action: @(_last ?? "none")</p>

@code {
    private string? _last;
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation