überlappende Avatargruppen
Avatar-Benutzeroberfläche mit mehreren übereinander gestapelten Benutzersymbolen und einem Abzeichen, das anzeigt, wie viele Personen noch übrig sind.
Tailwind CSS
Eine Gruppe leicht überlappender Avatare, die oft verwendet wird, um Dinge wie „Teilnehmer an diesem Projekt“ und „Benutzer, denen es gefallen hat“ auszudrücken.
Vorschau
Implementierungscode (Implementierung)
<div class="flex -space-x-4">
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=1" alt="User 1" />
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=2" alt="User 2" />
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=3" alt="User 3" />
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=4" alt="User 4" />
<a class="flex items-center justify-center w-10 h-10 text-xs font-medium text-white bg-gray-700 border-2 border-white rounded-full hover:bg-gray-600 dark:border-zinc-900" href="#">+99</a>
</div>