Breadcrumbは、ページ階層に関するコンテキスト情報を提供します。
import { BreadCrumb } from 'primereact/breadcrumb';
BreadCrumbは、そのモデルとしてメニューアイテムのコレクションを必要とします。
<BreadCrumb model={items} home={home} />
テンプレートプロパティを使用して、メニューアイテム内にカスタムコンテンツを配置できます。
<BreadCrumb model={items} home={home} />
ナビゲーションを持つアイテムは、ルーターリンクコンポーネント、外部リンク、またはプログラムによるナビゲーションを使用できるように、テンプレートで定義されます。
<BreadCrumb model={items} home={home} />
Breadcrumbはnav要素を使用し、すべての属性が暗黙的にルートに渡されるため、コンポーネントを説明するためにaria-labelledbyまたはaria-labelを使用できます。順序付きリストの内側では、リスト項目の区切り文字はスクリーンリーダーで無視できるようにaria-hiddenを持っています。最後のリンクが現在のルートを表している場合は、aria-currentが値「page」で追加されます。
特別なキーボード操作は必要ありません。すべてのメニュー項目は、ページのタブシーケンスに基づいてフォーカス可能です。