# EuiPageHeaderBodyComponent

**Type:** component

<p>Body content area within the page header for additional header content (v1).
Provides a flexible container for search bars, filters, tabs, or other header elements.
Positioned below the main header label and action items.</p>
<h3>With search bar</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-header label=&quot;Documents&quot;&gt;
  &lt;eui-page-header-body&gt;
    &lt;eui-search-bar placeholder=&quot;Search documents...&quot;&gt;&lt;/eui-search-bar&gt;
  &lt;/eui-page-header-body&gt;
&lt;/eui-page-header&gt;</code></pre></div><h3>With tabs</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-header-body&gt;
  &lt;eui-tabs [items]=&quot;tabItems&quot;&gt;&lt;/eui-tabs&gt;
&lt;/eui-page-header-body&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Ensure interactive elements within body are keyboard accessible</li>
<li>Use semantic HTML for proper document structure</li>
<li>Maintain logical focus order</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be used within eui-page-header component</li>
<li>Provides flexible space for header-related controls</li>
<li>Automatically positioned in header layout structure</li>
</ul>


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

**Standalone:** false
