# EuiAvatarBadgeComponent

**Type:** component

<p>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.</p>
<p>The component uses content projection to allow any content to be displayed inside the badge.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-avatar&gt;
    &lt;eui-avatar-text&gt;eUI&lt;/eui-avatar-text&gt;
    &lt;eui-avatar-badge&gt;
        &lt;eui-badge euiDanger euiSizeS&gt;7&lt;/eui-badge&gt;
    &lt;/eui-avatar-badge&gt;
&lt;/eui-avatar&gt;</code></pre></div>

**Selector:** `eui-avatar-badge`

**Standalone:** false

## Inputs

- **isPositionBottom**: `boolean` - <p>Whether the avatar should have a shadow effect</p>

