eui documentation
  1. Components
  2. EuiPageBreadcrumb

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
HostBindings

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 ""