# EuiContentCardHeaderComponent

**Type:** component



Container component for the card header section. Supports title, subtitle, metadata, and action areas.
Automatically integrates with parent card's collapsible functionality.

### Basic Header
```html
<eui-content-card-header>
    <eui-content-card-header-title>Card Title</eui-content-card-header-title>
    <eui-content-card-header-subtitle>Subtitle text</eui-content-card-header-subtitle>
</eui-content-card-header>
```

### Complete Header with All Sections
```html
<eui-content-card-header>
    <eui-content-card-header-start>
        <eui-chip euiSizeS>Status</eui-chip>
    </eui-content-card-header-start>
    <eui-content-card-header-title>
        <a href="#" class="eui-u-text-link">Linked Title</a>
    </eui-content-card-header-title>
    <eui-content-card-header-subtitle>Secondary information</eui-content-card-header-subtitle>
    <eui-content-card-header-metadata>Created: 2024-01-26</eui-content-card-header-metadata>
    <eui-content-card-header-end>
        <eui-icon-button icon="eui-ellipsis-vertical" size="s"/>
    </eui-content-card-header-end>
</eui-content-card-header>
```

### Accessibility
- Use semantic heading elements within title component for proper document outline
- Ensure links in titles have descriptive text
- Action buttons should have accessible labels
- Metadata should be marked up appropriately (e.g., `<time>` for dates)

### Notes
- Header layout is flexible and adapts to included child components
- Start and end sections are optional for additional content placement
- Automatically handles collapse toggle when parent card is collapsible
- Supports multiple metadata lines for complex information display


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