# EuiAvatarListComponent

**Type:** component



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.

The component uses content projection to allow placing multiple avatar components
within it and applies appropriate styling via the 'eui-avatar-list' CSS class.

```html
<eui-avatar-list>
    <eui-avatar euiSizeS>
        <eui-avatar-image imageUrl="assets/images/avatars/small/panda.png"></eui-avatar-image>
    </eui-avatar>
    <eui-avatar euiSizeS>
        <eui-avatar-image imageUrl="assets/images/avatars/small/cat.png"></eui-avatar-image>
    </eui-avatar>
    <eui-avatar euiSizeS>
        <eui-avatar-image imageUrl="assets/images/avatars/small/bear.png"></eui-avatar-image>
    </eui-avatar>
</eui-avatar-list>


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