# EuiPageBreadcrumbComponent

**Type:** component



Breadcrumb container component for eui-page that provides a navigation trail area.
Displays hierarchical navigation path showing the user's location within the application structure.
Typically positioned near the top of the page, above the main header or content.
Should contain eui-breadcrumb component or custom breadcrumb navigation elements.
Must be used as a direct child of eui-page to maintain proper layout structure.

### Basic usage
```html
<eui-page>
  <eui-page-breadcrumb>
    <eui-breadcrumb [items]="breadcrumbItems"></eui-breadcrumb>
  </eui-page-breadcrumb>
  <eui-page-content>Content here</eui-page-content>
</eui-page>
```

### Accessibility
- Use eui-breadcrumb component which provides proper ARIA navigation landmark
- Ensure breadcrumb links have descriptive text for screen readers
- Current page should be indicated with aria-current="page"

### Notes
- Must be a direct child of eui-page component
- Typically placed before page header or content sections
- Provides consistent spacing and alignment with page layout


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