ブレッドクラム
Figmaに未定義（参考実装）
現在のページ位置を階層的に表示するナビゲーションコンポーネント
デフォルト
シンプルなブレッドクラム。最後のアイテムが現在のページを示します。
ホームアイコン付き
先頭にホームアイコンを表示するバリエーション。
スラッシュ区切り
区切り文字をスラッシュにしたバリエーション。
省略表示
階層が深い場合に中間アイテムを省略するバリエーション。
DOs
- 現在のページを最後に配置し、リンクにしない
- 階層構造を正確に反映する
- 簡潔なラベルを使用する
- ホームへのリンクを含める
DON'Ts
- 5階層以上の深いブレッドクラム
- クリック可能でない中間アイテム
- 長すぎるラベル
- ブレッドクラムを主要ナビゲーションとして使用