Menu

This documentation provides a comprehensive reference for the Menu component family, including its labels, lists, items, and toggle API.

Demos

Preview #

  • MenuItem renders a NavLink when Href is provided.
  • When Href is omitted, place your own anchor or nested markup inside MenuItem for parent branches.
  • IsActive forces the active style, while Match controls automatic route matching for linked items.
Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsScrollable bool False If true, the menu is scrollable. 1.2.0
IsVisible bool True If true, the menu is visible. 1.2.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Name Return type Description Added Version
Toggle() Void Toggles the menu visibility. 1.2.0
Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Href string null Gets or sets the hyperlink reference. If set, the MenuItem renders a NavLink. 1.2.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsActive bool False Gets or sets the active state. This forces the active style on the generated link. 1.2.0
Match MenuItemMatch Prefix Gets or sets the criteria used to match menu items. This applies when Href is set. 1.2.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.
If you like BlazorExpress.Bulma, give it a star on GitHub!