# EuiAvatarTextComponent

**Type:** component



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.

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


**Selector:** `eui-avatar-text`