### File

`packages/components/eui-page-v2/eui-page-breadcrumb.ts`

### Description

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

Example :

    <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

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
selector | `eui-page-breadcrumb`

template

    <ng-content/>

styleUrl | `./eui-page-breadcrumb.scss`

### Index

###### Properties

- class

###### HostBindings

- class

### HostBindings

class
Type : `string`
Default value : `'eui-page-breadcrumb'`

### Properties

class
Type : `string`
Default value : `'eui-page-breadcrumb'`
Decorators : `@HostBinding()`

# results matching ""

# No results matching ""