PanelMenu (Blazor)
This article demonstrates how to use the PanelMenu component. Check also the component guide and API reference.
PanelMenu Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘panelmenu’ + index suffix | Unique name of the component. |
| Visible | boolean | true | Is menu visible. |
| Style | string | null | In-line CSS style. |
| Items | array | empty | Menu items. |
| Template | string | null | PanelMenu template. |
PanelMenu Events
| Name | Type | Default | Description |
|---|---|---|---|
| Click | event | null | Click event of the PanelMenu. MenuItemEventArgs as event arguments. |
PanelMenu Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Text | string | null | The text displayed by the menu item. |
| Value | string | null | The value for the menu item. |
| Icon | string | null | PanelMenu item icon. |
| Image | string | null | PanelMenu item image. |
| Path | string | null | Navigate path. |
| Target | string | null | Navigate target. |
| Parameters | array | empty | Navigate parameters. |
| Selected | bool | false | Specifies whether the item is selected or not. |
Blazor declaration
<RadzenPanelMenu>
<ChildContent>
<RadzenPanelMenuItem Text="General" Icon="home">
<RadzenPanelMenuItem Text="Buttons" Path="buttons" Icon="account_circle"></RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="Menu" Path="menu" Icon="line_weight"></RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="FileInput" Path="fileinput" Icon="attach_file"></RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="Dialog" Path="dialog" Icon="perm_media"></RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="Notification" Path="notification" Icon="announcement"></RadzenPanelMenuItem>
</RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="More">
<RadzenPanelMenuItem Text="Item1"></RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="Item2"></RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="More items">
<RadzenPanelMenuItem Text="More sub items">
<RadzenPanelMenuItem Text="Item1"></RadzenPanelMenuItem>
<RadzenPanelMenuItem Text="Item2"></RadzenPanelMenuItem>
</RadzenPanelMenuItem>
</RadzenPanelMenuItem>
</RadzenPanelMenuItem>
</ChildContent>
</RadzenPanelMenu>