# AvatarStack

Ein AvatarStack zeigt mehrere Avatare in einer horizontalen Gruppierung.

## Guidelines

# Grundlagen

## Best practices

Achte bei der Verwendung eines AvatarStacks darauf, dass ...

- nicht zu viele [Avatare](/04-components/content/avatar/overview) gleichzeitig
  angezeigt werden. Empfohlen ist eine maximale Anzahl von 5 Avataren. Danach
  sollte die Property `totalCount` genutzt werden, um die verbleibende Anzahl
  der Avatare darzustellen.
- die Avatare bei Bedarf mehr Informationen durch Anklicken erhalten. Zum
  Beispiel kann ein [Modal](/04-components/overlays/modal/overview) geöffnet
  werden, das weitere Informationen zum Benutzerprofil enthält.
- die angezeigten Avatare konsistent bleiben und die gleiche Darstellung
  verwenden wie an anderen Stellen. Beispielsweise sollte das hochgeladene
  Profilbild eines Users angezeigt werden und nicht ein generisches
  User-[Icon](/04-components/content/icon/overview).

## Verwendung

Verwende einen AvatarStack, um mehrere Avatare kompakt und übersichtlich zu
gruppieren (z. B. welche User an einem Projekt beteiligt sind).