# EuiContentCardHeaderTitleComponent

**Type:** component



Container for the main title text of the card. Supports plain text, links, or custom HTML content.

### Plain Text Title
```html
<eui-content-card-header-title>
    Card Title
</eui-content-card-header-title>
```

### Linked Title
```html
<eui-content-card-header-title>
    <a href="/details" class="eui-u-text-link">Clickable Card Title</a>
</eui-content-card-header-title>
```

### With Semantic Heading
```html
<eui-content-card-header-title>
    <h3>Semantic Title</h3>
</eui-content-card-header-title>
```

### Accessibility
- Use appropriate heading levels (h2-h6) based on document structure
- Ensure titles are descriptive and meaningful
- Links should clearly indicate their destination
- Avoid generic text like "Click here"

### Notes
- Primary heading for the card content
- Styled with appropriate typography for prominence
- Can contain interactive elements like links
- Should be concise and descriptive


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