Breadcrumb
現在のページがサイト階層のどこにあるかを示し、上位階層へワンクリックで戻れるようにするナビゲーションです。ジョブアンテナでは「求人を探す > 職種 > 営業・企画営業」のような検索条件のドリルダウンや、求人詳細・管理画面での現在地表示に使います。最後の項目は BreadcrumbPage でリンクなしの現在地として示します。
基本
ホームから現在ページまでを BreadcrumbLink で辿り、最後だけ BreadcrumbPage にする最小構成です。
職種ドリルダウン
求人検索で職種を絞り込んでいく経路を表します。先頭にホームアイコンを添えて起点を分かりやすくしています。
深い階層の省略
業種 > 職種カテゴリと階層が深くなる求人詳細で、中間階層を BreadcrumbEllipsis で省略して横幅を抑えます。
管理画面
BreadcrumbSeparator の children を差し替えてスラッシュ区切りにした例です。管理画面の求人票編集など、パス感を出したい画面で使います。