Avatar Circles

Overlapping circles of avatars.

LSD FX: lsd-fx--stagger-children ↩ All components

01 · live

Pattern

Avatar Circles

Overlapping circles of avatars.

Item one
Item two
Item three
Item four
Item five

View generated HTML

<h2 class="im-heading">Avatar Circles</h2>
<p class="im-text">Overlapping circles of avatars.</p>
<ul class="lsd-fx--stagger-children" style="display: flex; flex-wrap: wrap; gap: 12px; list-style: none; padding: 0;">
  <li><span class="lsd-chip">Item one</span></li>
  <li><span class="lsd-chip lsd-chip--ghost">Item two</span></li>
  <li><span class="lsd-chip">Item three</span></li>
  <li><span class="lsd-chip lsd-chip--ghost">Item four</span></li>
  <li><span class="lsd-chip">Item five</span></li>
</ul>

LSD components · Avatar Circles

↩ All components