# EuiPageHeaderActionItemsComponent

**Type:** component

<p>Container for action buttons or controls in the page header (v1).
Provides a dedicated area for primary and secondary actions related to the page.
Typically positioned on the right side of the page header.</p>
<h3>Basic usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-header label=&quot;Projects&quot;&gt;
  &lt;eui-page-header-action-items&gt;
    &lt;button euiButton euiPrimary&gt;Create New&lt;/button&gt;
    &lt;button euiButton euiSecondary&gt;Import&lt;/button&gt;
  &lt;/eui-page-header-action-items&gt;
&lt;/eui-page-header&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Ensure buttons have descriptive labels</li>
<li>Use appropriate button types (primary, secondary) for visual hierarchy</li>
<li>Maintain logical tab order for keyboard navigation</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be used within eui-page-header component</li>
<li>Typically contains action buttons related to page content</li>
<li>Automatically positioned in header layout</li>
</ul>


**Selector:** `eui-page-header-action-items`

**Standalone:** false
