Muestra al usuario con sesión iniciada con un avatar, un nombre y un menú de acciones de la cuenta.
Por qué ayuda
- Avatar y nombre
- Mismos elementos que Menu
- Compacto
Dónde encaja
- Encabezados de aplicaciones
- Portales
- Paneles
Ejemplo
<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.