# EuiPageFooter

**Type:** component

<p>Footer container for page layouts that displays actions or information at the bottom of the page.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-footer&gt;
  &lt;button euiButton&gt;Save&lt;/button&gt;
  &lt;button euiButton euiSecondary&gt;Cancel&lt;/button&gt;
&lt;/eui-page-footer&gt;</code></pre></div><h3>With highlighted state</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-footer euiHighlighted&gt;
  Footer content
&lt;/eui-page-footer&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Use role=&quot;contentinfo&quot; for page-level footer</li>
<li>Ensure footer actions are keyboard accessible</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Supports <code>euiHighlighted</code> for visual emphasis</li>
<li>Typically contains form actions or page-level controls</li>
</ul>


**Selector:** `eui-page-footer`

**Standalone:** false

## Inputs

- **e2eAttr**: `string` - 
