Toon de aangemelde gebruiker met een avatar, een naam en een menu met accountacties.
Waarom het helpt
- Avatar en naam
- Dezelfde items als Menu
- Compact
Waar het past
- Toepassingskoppen
- Portalen
- Dashboards
Voorbeeld
<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";
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.