# EuiCardHeaderComponent

**Type:** component



The eui-card-header component provides the header options of the eui-card.

```html
<eui-card>
    <eui-card-header>
        <eui-card-header-title>
            Card header title
        </eui-card-header-title>
        <eui-card-header-subtitle>
            Card header sub-title
        </eui-card-header-subtitle>
        <eui-card-header-left-content>
            Card header left content
        </eui-card-header-left-content>
        <eui-card-header-right-content>
            Card header right content
        </eui-card-header-right-content>
    </eui-card-header>
    <eui-card-content>
        Card content
    </eui-card-content>
</eui-card>
```


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

## Inputs
- **collapseLabel**: `string` - Sets the collapseLabel Input property.
- **expandLabel**: `string` - Sets the expandLabel Input property.
- **hasBottomExpander**: `boolean` - Input property to expand the bottom part of the card header.
- **hasFullTitle**: `boolean` - Input property to display the title within the full card container's width.
- **isClickeable**: `boolean` - Input property to make the card clickeable
- **isHeaderMultilines**: `boolean` - Input property to display the title & subtitle content in multiple lines.

## Outputs
- **collapse**: `EventEmitter` - Event emitted when the card header collapses.
- **headerClick**: `EventEmitter<EuiCardHeaderComponent>` - Event emitted when the card collapses.