# EuiAvatarBadgeComponent

**Type:** component



Component representing an avatar badge.
This badge can be positioned at the top or bottom of the avatar and is used
to display additional information or status indicators.

The component uses content projection to allow any content to be displayed inside the badge.

```html
<eui-avatar>
    <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-badge`

## Inputs
- **isPositionBottom**: `boolean` - Whether the avatar should have a shadow effect