### File

`packages/components/eui-avatar/avatar-list/avatar-list.component.ts`

### Description

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.

Example :

    <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>

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
host | `{ }`
selector | `eui-avatar-list`

template

    <ng-content/>

styleUrl | `./avatar-list.scss`

### Index

###### Methods

- cssClasses

### Methods

cssClasses
`cssClasses()`
Binds the CSS class 'eui-avatar-list' to the host element. This class provides the styling necessary for arranging avatars in a list. Returns : `string` The CSS class name

# results matching ""

# No results matching ""