# EuiContentCardHeaderTitleComponent

**Type:** component

<p>Container for the main title text of the card. Supports plain text, links, or custom HTML content.</p>
<h3>Plain Text Title</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-content-card-header-title&gt;
    Card Title
&lt;/eui-content-card-header-title&gt;</code></pre></div><h3>Linked Title</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-content-card-header-title&gt;
    &lt;a href=&quot;/details&quot; class=&quot;eui-u-text-link&quot;&gt;Clickable Card Title&lt;/a&gt;
&lt;/eui-content-card-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-content-card-header-title&gt;
    &lt;h3&gt;Semantic Title&lt;/h3&gt;
&lt;/eui-content-card-header-title&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Use appropriate heading levels (h2-h6) based on document structure</li>
<li>Ensure titles are descriptive and meaningful</li>
<li>Links should clearly indicate their destination</li>
<li>Avoid generic text like &quot;Click here&quot;</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Primary heading for the card content</li>
<li>Styled with appropriate typography for prominence</li>
<li>Can contain interactive elements like links</li>
<li>Should be concise and descriptive</li>
</ul>


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

**Standalone:** false
