ProfileMenu (Blazor)
This article demonstrates how to use the ProfileMenu component. Check also the component guide and API reference.
ProfileMenu Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘profilemenu’ + 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 | ProfileMenu template. |
ProfileMenu Events
| Name | Type | Default | Description |
|---|---|---|---|
| Click | event | null | Click event of the ProfileMenu. RadzenProfileMenu as event arguments. |
ProfileMenu 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 | ProfileMenu item icon. |
| Image | string | null | ProfileMenu item image. |
| Path | string | null | Navigate path. |
| Target | string | null | Navigate target. |
| Parameters | array | empty | Navigate parameters. |
Blazor declaration
<RadzenProfileMenu>
<ChildContent>
<RadzenProfileMenuItem Text="General" Icon="home">
<RadzenProfileMenuItem Text="Buttons" Path="buttons" Icon="account_circle"></RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="Menu" Path="menu" Icon="line_weight"></RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="FileInput" Path="fileinput" Icon="attach_file"></RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="Dialog" Path="dialog" Icon="perm_media"></RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="Notification" Path="notification" Icon="announcement"></RadzenProfileMenuItem>
</RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="More">
<RadzenProfileMenuItem Text="Item1"></RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="Item2"></RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="More items">
<RadzenProfileMenuItem Text="More sub items">
<RadzenProfileMenuItem Text="Item1"></RadzenProfileMenuItem>
<RadzenProfileMenuItem Text="Item2"></RadzenProfileMenuItem>
</RadzenProfileMenuItem>
</RadzenProfileMenuItem>
</RadzenProfileMenuItem>
</ChildContent>
</RadzenProfileMenu>