Покажете влезлия потребител с аватар, име и меню с действия за профила.
Защо помага
- Аватар и име
- Същите елементи като Menu
- Компактно
Къде пасва
- Заглавия на приложения
- Портали
- Табла
Пример
<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";
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.