Affichez l’utilisateur connecté avec un avatar, un nom et un menu d’actions de compte.
Pourquoi c’est utile
- Avatar et nom
- Mêmes éléments que Menu
- Compact
Où il trouve sa place
- En-têtes d’application
- Portails
- Tableaux de bord
Exemple
<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";
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.