RayCraftDocs
v1.0.3 raycraft.dev
On this page

Menu

Free

Button that opens a list of actions. Closes on selection, Escape or a click outside.

Example

Menu control

Parameters

Menu

ParameterTypeDescription
AlignEndboolAligns the list with the right edge of the button instead of the left (Menu); Auto placement already moves it when it would leave the window.
ButtonVariantVariantVariant of the button that opens the menu.
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
IconIconName?Icon to show (IconName).
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
PlacementMenuPlacementTop (default), Bottom, Left or Right.
StylestringInline style added to the root element.
TriggerRenderFragmentContent of the button that opens the menu (for example an Avatar and a name). Replaces the label and the chevron; set Label for the accessible name (Menu).

MenuItem

ParameterTypeDescription
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
DisabledboolDisables interaction.
IconIconName?Icon to show (IconName).
StylestringInline style added to the root element.

MenuDivider

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
StylestringInline style added to the root element.

Events

MenuItem

EventTypeDescription
OnClickEventCallback<MouseEventArgs>Raised when the button is clicked.

Package

Menu is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.