Към съдържанието
СЪДЪРЖАНИЕ · FREE

AvatarGroup

Покажете цял екип на малко място, с просто +n за останалите.

Покажете цял екип на малко място. Припокриващи се аватари се свиват в значка +n, щом се показват повече от зададената граница.

Защо помага

  • Припокриващи се аватари
  • +n за останалите
  • Подсказки с имена

Къде пасва

  • Проекти
  • Екипи
  • Споделени елементи
Контролата AvatarGroup в страница на RayCraft

Пример

<Stack Direction="StackDirection.Column" Align="flex-start">
    <AvatarGroup Items="_people" Label="Project members" />
    <AvatarGroup Items="_people" Max="2" Size="Size.Small" Label="Project members (short)" />
    <AvatarGroup Items="_people.Take(3)" Size="Size.Large" Label="Three members" />
</Stack>

@code {
    private readonly AvatarItem[] _people =
    [
        new("Ada Lovelace"), new("Grace Hopper"), new("Linus Torvalds"), new("Margaret Hamilton"), new("Alan Turing"), new("Barbara Liskov")
    ];
}

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли ยท Документация