# EuiCardHeaderComponent

**Type:** component

<p>The eui-card-header component provides the header options of the eui-card.</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`

**Standalone:** false

## Inputs

- **collapseLabel**: `string` - <p>Sets the collapseLabel Input property.</p>

- **expandLabel**: `string` - <p>Sets the expandLabel Input property.</p>

- **hasBottomExpander**: `boolean` - <p>Input property to expand the bottom part of the card header.</p>

- **hasFullTitle**: `boolean` - <p>Input property to display the title within the full card container&#39;s width.</p>

- **isClickeable**: `boolean` - <p>Input property to make the card clickeable</p>

- **isHeaderMultilines**: `boolean` - <p>Input property to display the title &amp; subtitle content in multiple lines.</p>


## Outputs

- **collapse**: `EventEmitter` - <p>Event emitted when the card header collapses.</p>

- **headerClick**: `EventEmitter<EuiCardHeaderComponent>` - <p>Event emitted when the card collapses.</p>

