# EuiDashboardCardContentHeaderTitleComponent

**Type:** component

<p>Title component for dashboard card headers, displaying the primary heading or label for the card.
Automatically styled and positioned within the header layout.</p>
<h3>Basic Title</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-dashboard-card-content-header-title&gt;
  Revenue Overview
&lt;/eui-dashboard-card-content-header-title&gt;</code></pre></div><h3>With Semantic Heading</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-dashboard-card-content-header-title&gt;
  &lt;h3&gt;Active Users&lt;/h3&gt;
&lt;/eui-dashboard-card-content-header-title&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Use semantic heading elements (h2, h3, etc.) for proper document structure</li>
<li>Ensure heading level matches page hierarchy</li>
<li>Title provides context for card content</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Use within <code>eui-dashboard-card-content-header</code> component</li>
<li>Grows to fill available space between icon and action</li>
<li>Supports any content but typically contains text or headings</li>
<li>Text automatically truncates if too long</li>
</ul>


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

**Standalone:** false
