# EuiPageBreadcrumb

**Type:** component



Breadcrumb container for page navigation that displays the current location within the application hierarchy.

```html
<eui-page-breadcrumb>
  <eui-breadcrumb [items]="breadcrumbItems"></eui-breadcrumb>
</eui-page-breadcrumb>
```

### Accessibility
- Use nav element with aria-label="Breadcrumb" for screen readers
- Current page should be marked with aria-current="page"

### Notes
- Typically placed at the top of the page before the header
- Works with eui-breadcrumb component for navigation trails


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