Skip to content
NAVIGATION · FREE

ProfileMenu

Show the signed-in user with an avatar, name and menu.

Show the signed-in user with an avatar, a name and a menu of account actions.

Why it helps

  • Avatar and name
  • Same items as Menu
  • Compact

Where it fits

  • App headers
  • Portals
  • Dashboards
ProfileMenu control in a RayCraft page

Example

<Stack Justify="flex-end">
    <ProfileMenu Name="Ada Lovelace" Subtitle="ada@example.com">
        <MenuItem Icon="IconName.User">Profile</MenuItem>
        <MenuItem Icon="IconName.Settings">Settings</MenuItem>
        <MenuItem Icon="IconName.Logout" OnClick="@(() => _last = "signed out")">Sign out</MenuItem>
    </ProfileMenu>
</Stack>
<p>Last action: @_last</p>

@code {
    private string _last = "none";
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation