面包屑提供有关页面层级的上下文信息。
import { BreadCrumb } from 'primereact/breadcrumb';
面包屑需要菜单项的集合作为其模型。
<BreadCrumb model={items} home={home} />
可以使用模板属性将自定义内容放置在菜单项内部。
<BreadCrumb model={items} home={home} />
带有导航的项使用模板定义，以便能够使用路由器链接组件、外部链接或编程导航。
<BreadCrumb model={items} home={home} />
面包屑使用 nav 元素，并且由于任何属性都隐式传递到根元素，因此可以使用 aria-labelledby 或 aria-label 来描述组件。在其中使用有序列表，其中列表项分隔符具有 aria-hidden 属性，以便被屏幕阅读器忽略。如果最后一个链接表示当前路由，则会添加 aria-current 属性，其值为“page”。
不需要特殊的键盘交互，所有菜单项都基于页面标签顺序可聚焦。