AvatarStack

Ein AvatarStack zeigt mehrere Avatare in einer horizontalen Gruppierung.GitHubMarkdown

Grundlagen

Best practices

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

  • nicht zu viele Avatare 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 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.

Verwendung

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

Auf dieser Seite