# EuiDashboardCardContentHeaderTitleComponent

**Type:** component



Title component for dashboard card headers, displaying the primary heading or label for the card.
Automatically styled and positioned within the header layout.

### Basic Title
```html
<eui-dashboard-card-content-header-title>
  Revenue Overview
</eui-dashboard-card-content-header-title>
```

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

### Accessibility
- Use semantic heading elements (h2, h3, etc.) for proper document structure
- Ensure heading level matches page hierarchy
- Title provides context for card content

### Notes
- Use within `eui-dashboard-card-content-header` component
- Grows to fill available space between icon and action
- Supports any content but typically contains text or headings
- Text automatically truncates if too long


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