# EuiContentCardHeaderSubtitleComponent

**Type:** component

<p>Container for secondary title text displayed below the main title. Used for additional context or description.</p>
<h3>Basic Subtitle</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-content-card-header-subtitle&gt;
    Additional information about the card
&lt;/eui-content-card-header-subtitle&gt;</code></pre></div><h3>With Formatting</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-content-card-header-subtitle&gt;
    &lt;span class=&quot;eui-u-text-muted&quot;&gt;Last updated: 2 hours ago&lt;/span&gt;
&lt;/eui-content-card-header-subtitle&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Keep subtitle text concise and relevant</li>
<li>Ensure sufficient color contrast for readability</li>
<li>Use semantic markup when appropriate</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Displayed directly below the title with reduced visual prominence</li>
<li>Optional component - only include when additional context is needed</li>
<li>Styled with secondary typography for visual hierarchy</li>
<li>Should complement, not duplicate, the title</li>
</ul>


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

**Standalone:** false
