# EuiContentCardHeaderSubmetadataComponent

**Type:** component



Container for secondary metadata information displayed below the primary metadata. Used for supplementary details like ratings, statistics, or additional context.

### Rating Display
```html
<eui-content-card-header-submetadata>
    <span class="eui-u-flex eui-u-flex-gap-2xs">
        <eui-icon-svg icon="star:fill" fillColor="primary" size="s"/>
        <strong>4.8</strong> (156 reviews)
    </span>
</eui-content-card-header-submetadata>
```

### Statistics
```html
<eui-content-card-header-submetadata>
    1.2K views • 45 comments
</eui-content-card-header-submetadata>
```

### Accessibility
- Provide text alternatives for icon-only information
- Use `aria-label` when icons convey meaning
- Ensure color is not the only means of conveying information

### Notes
- Displayed below primary metadata with minimal visual weight
- Use for less critical but useful information
- Often includes icons or visual indicators
- Should not duplicate information from other header sections


**Selector:** `eui-content-card-header-submetadata`