# EuiPageColumnHeaderLeftContentDirective

**Type:** directive



Directive for projecting custom content into the left side of the column header.
Used to add leading content or controls in the header.

```html
<eui-page-column-header-left-content>
  <eui-icon icon="filter"></eui-icon>
</eui-page-column-header-left-content>
```


**Selector:** `eui-page-column-header-left-content`