# EuiAvatarListComponent

**Type:** component

<p>Component for displaying a list of avatars.
This component serves as a container that arranges multiple avatars in a visually
coherent group, typically with slight overlapping to save space.</p>
<p>The component uses content projection to allow placing multiple avatar components
within it and applies appropriate styling via the &#39;eui-avatar-list&#39; CSS class.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-avatar-list&gt;
    &lt;eui-avatar euiSizeS&gt;
        &lt;eui-avatar-image imageUrl=&quot;assets/images/avatars/small/panda.png&quot;&gt;&lt;/eui-avatar-image&gt;
    &lt;/eui-avatar&gt;
    &lt;eui-avatar euiSizeS&gt;
        &lt;eui-avatar-image imageUrl=&quot;assets/images/avatars/small/cat.png&quot;&gt;&lt;/eui-avatar-image&gt;
    &lt;/eui-avatar&gt;
    &lt;eui-avatar euiSizeS&gt;
        &lt;eui-avatar-image imageUrl=&quot;assets/images/avatars/small/bear.png&quot;&gt;&lt;/eui-avatar-image&gt;
    &lt;/eui-avatar&gt;
&lt;/eui-avatar-list&gt;</code></pre></div>

**Selector:** `eui-avatar-list`

**Standalone:** false
