# EuiPageBreadcrumb

**Type:** component

<p>Breadcrumb container for page navigation that displays the current location within the application hierarchy.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-breadcrumb&gt;
  &lt;eui-breadcrumb [items]=&quot;breadcrumbItems&quot;&gt;&lt;/eui-breadcrumb&gt;
&lt;/eui-page-breadcrumb&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Use nav element with aria-label=&quot;Breadcrumb&quot; for screen readers</li>
<li>Current page should be marked with aria-current=&quot;page&quot;</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Typically placed at the top of the page before the header</li>
<li>Works with eui-breadcrumb component for navigation trails</li>
</ul>


**Selector:** `eui-page-breadcrumb`

**Standalone:** false
