# EuiContentCardHeaderStartComponent

**Type:** component



Container for content placed at the start (left side) of the card header. Typically used for status indicators, badges, or icons.

### With Status Chip
```html
<eui-content-card-header-start>
    <eui-chip euiSizeS>Active</eui-chip>
</eui-content-card-header-start>
```

### With Icon
```html
<eui-content-card-header-start>
    <eui-icon-svg icon="document" size="m"/>
</eui-content-card-header-start>
```

### Accessibility
- Ensure status indicators have appropriate text or ARIA labels
- Icons should have descriptive labels when conveying important information

### Notes
- Positioned at the start of the header before the title
- Commonly used for visual status indicators or categorization
- Content is automatically aligned and spaced


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