# EuiAvatarContentSublabelComponent

**Type:** component



Component for displaying secondary label text within avatar content.
Typically used to show additional information like email, role, or status.
Content is projected via ng-content and styled as secondary/subdued text.
Must be used within eui-avatar-content for proper styling and layout.

```html
<eui-avatar>
  <eui-avatar-text>JD</eui-avatar-text>
  <eui-avatar-content>
    <eui-avatar-content-label>John Doe</eui-avatar-content-label>
    <eui-avatar-content-sublabel>john.doe@ec.europa.eu</eui-avatar-content-sublabel>
  </eui-avatar-content>
</eui-avatar>
```

### Accessibility
- Text content is directly readable by screen readers
- Appears after label in reading order
- Provides additional context about the user or entity

### Notes
- Must be child of eui-avatar-content component
- Styled as secondary/muted text
- Typically displays email, role, department, or status
- Optional - can be omitted if only primary label is needed


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