Muestra un equipo entero en poco espacio. Los avatares superpuestos se pliegan en una insignia +n cuando se muestran más que tu límite.
Por qué ayuda
- Avatares superpuestos
- +n para el resto
- Pistas con nombres
Dónde encaja
- Proyectos
- Equipos
- Elementos compartidos
Ejemplo
<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")
];
}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.