Mostre o usuário conectado com um avatar, um nome e um menu de ações da conta.
Por que ajuda
- Avatar e nome
- Mesmos itens de Menu
- Compacto
Onde se encaixa
- Cabeçalhos de aplicativos
- Portais
- Painéis
Exemplo
<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";
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.