# EuiAvatarContentLabelComponent

**Type:** component

<p>Component for displaying the primary label text within avatar content.
Typically used to show the user&#39;s name or primary identifier.
Content is projected via ng-content and styled as the main text line.
Must be used within eui-avatar-content for proper styling and layout.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-avatar&gt;
  &lt;eui-avatar-image src=&quot;user.jpg&quot;&gt;&lt;/eui-avatar-image&gt;
  &lt;eui-avatar-content&gt;
    &lt;eui-avatar-content-label&gt;John Doe&lt;/eui-avatar-content-label&gt;
    &lt;eui-avatar-content-sublabel&gt;Developer&lt;/eui-avatar-content-sublabel&gt;
  &lt;/eui-avatar-content&gt;
&lt;/eui-avatar&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Text content is directly readable by screen readers</li>
<li>Appears first in reading order before sublabel</li>
<li>Use concise, meaningful text for user identification</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be child of eui-avatar-content component</li>
<li>Styled as primary/prominent text</li>
<li>Typically displays user name or entity title</li>
<li>Can be used alone without sublabel if needed</li>
</ul>


**Selector:** `eui-avatar-content-label`

**Standalone:** false
