ProfileMenu (Blazor)

This guide demonstrates how to use the ProfileMenu component.

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>

We are here for you

Making our users happy is always a priority for us.