grup avatar yang tumpang tindih
UI Avatar dengan beberapa ikon pengguna yang bertumpuk dan lencana yang menunjukkan berapa banyak orang yang tersisa.
Tailwind CSS
Sekelompok avatar yang sedikit tumpang tindih yang sering digunakan untuk mengekspresikan hal-hal seperti “peserta dalam proyek ini” dan “pengguna yang menyukainya”.
Pratinjau
Kode implementasi (Implementasi)
<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>