lightning:breadcrumb
ユー��が表示しているページの階層パス内の項目。
lightning:breadcrumb コンポーネントは、ページのパスを親ページに対する相対パスとして表示します。ブレッドクラムは、lightning:breadcrumbs コンポーネントにネストされています。各ブレッドクラムは実行可能で、大なり記号で区切られています。ブレッドクラムが表示される順序は、マークアップでリストされている順序によって決まります。
このコンポーネントは、Lightning Design System のブレッドクラムからスタイル設定を継承します。
次に例を示します。
ブレッドクラムの動作はリンクと類似しています。href 属性によってリンクが指定されていない場合、値はデフォルトの javascript:void(0); に設定されます。カスタムナビゲーションを指定するには、onclick ハンドラを使用します。onclick の使用は、たとえば force:navigateToSObject などのイベントを使用して移動する場合に役立ちます。href 属性でリンクを指定する場合は、event.preventDefault() をコールすることで、リンクをスキップして、代わりにカスタムナビゲーションを使用することができます。
aura:iteration を使用して項目のリストを反復処理し、ブレッドクラムを生成します。たとえば、表示ラベルと名前の値を使用してブレッドクラムの配列を作成できます。これらの値は init ハンドラ内で設定します。
認証
| 属性名 | 属性型 | 説明 | 必須 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントの基本クラスに加え、外部要素の CSS クラス。 | |
| href | String | ブレッドクラムの移動先のページの URL。 | |
| label | String | ブレッドクラムのテキスト表示ラベル。 | はい |
| name | String | ブレッドクラムコンポーネントの名前。この値は省略可能であり、コールバック内でブレッドクラムを識別するために使用できます。 | |
| onclick | Action | ブレッドクラムがクリックされたときにトリガされるアクション。 | |
| title | String | マウスポインタが要素に重ねられたときにツールチップテキストを表示します。 |