# EuiAppFooterComponent

**Type:** component

<p>Application footer component that provides a bottom-level content area for copyright, links, and supplementary information.
Positioned at the bottom of the application layout with semantic contentinfo role for accessibility.
Content is projected via ng-content allowing flexible footer composition with custom elements and layouts.
Automatically styled with consistent spacing and theming to match the application shell design.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;!-- Basic app footer --&gt;
&lt;eui-app&gt;
  &lt;eui-app-footer&gt;
    &lt;eui-footer euiPrimary&gt;
      © 2026 European Commission - &lt;a href=&quot;/privacy&quot;&gt;Privacy&lt;/a&gt; - &lt;a href=&quot;/legal&quot;&gt;Legal Notice&lt;/a&gt;
    &lt;/eui-footer&gt;
  &lt;/eui-app-footer&gt;
&lt;/eui-app&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Uses role=&quot;contentinfo&quot; for semantic landmark identification</li>
<li>Provides consistent location for supplementary information</li>
<li>Links within footer are keyboard accessible</li>
<li>Content projection allows flexible accessible structure</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be used within eui-app component for proper layout integration</li>
<li>Positioned at bottom of application, below all content</li>
<li>Typically contains eui-footer child component for content</li>
<li>Content is projected via ng-content for flexible composition</li>
<li>Automatically styled with consistent spacing and theming</li>
<li>Common content includes copyright, legal links, version info</li>
<li>Footer remains at bottom even with minimal page content</li>
</ul>


**Selector:** `eui-app-footer`

**Standalone:** false
