### File

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

### Description

Component for displaying text content within an avatar. This component serves as a container for text that appears inside an avatar, such as initials or short text identifiers.

The component applies the 'eui-avatar-text' class to provide appropriate styling for text displayed within an avatar context. It uses content projection to allow any text content to be displayed inside.

Example :

    <eui-avatar euiSizeS>
        <eui-avatar-text>eUI</eui-avatar-text>
        <eui-avatar-badge>
            <eui-badge euiDanger euiSizeS>7</eui-badge>
        </eui-avatar-badge>
    </eui-avatar>

### Metadata

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

template

    <ng-content/>

styleUrl | `./avatar-text.scss`

# results matching ""

# No results matching ""