# EuiCardHeaderSubtitleComponent

**Type:** component

<p>The eui-card-header-subtitle component projects the subtitle for eui-card-header.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-card&gt;
    &lt;eui-card-header&gt;
        &lt;eui-card-header-title&gt;
            Card header title
        &lt;/eui-card-header-title&gt;
        &lt;eui-card-header-subtitle&gt;
            Card header sub-title
        &lt;/eui-card-header-subtitle&gt;
        &lt;eui-card-header-left-content&gt;
            Card header left content
        &lt;/eui-card-header-left-content&gt;
        &lt;eui-card-header-right-content&gt;
            Card header right content
        &lt;/eui-card-header-right-content&gt;
    &lt;/eui-card-header&gt;
    &lt;eui-card-content&gt;
        Card content
    &lt;/eui-card-content&gt;
&lt;/eui-card&gt;</code></pre></div>

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

**Standalone:** false
