# EuiPageColumnHeaderBodyContentDirective

**Type:** directive

<p>Directive for projecting custom content into the column header body area.
Used to add custom header content between left and right sections.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-column-header-body&gt;
  &lt;eui-search-bar placeholder=&quot;Search...&quot;&gt;&lt;/eui-search-bar&gt;
&lt;/eui-page-column-header-body&gt;</code></pre></div>

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

**Standalone:** false
