# EuiPageColumnHeaderBodyContentDirective

**Type:** directive



Directive for projecting custom content into the column header body area.
Used to add custom header content between left and right sections.

```html
<eui-page-column-header-body>
  <eui-search-bar placeholder="Search..."></eui-search-bar>
</eui-page-column-header-body>
```


**Selector:** `eui-page-column-header-body`