ショップ

企業向け

v-breadcrumbs コンポーネントは、ページのナビゲーションヘルパーです。Material Icons のアイコンまたは文字を区切りとして使用できます。オブジェクトの配列は、コンポーネントのitemsプロパティに渡すことができます。さらに、v-breadcrumbs-itemまたはその他のカスタムマークアップを利用して、パンくずリストをより細かく制御するためのスロットが存在します。

Breadcrumbs はデフォルトではテキストで区切られます。あらゆる文字を使用することができます。

Options

確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。

以下に、簡単な例から複雑な例まで示します。

Large指定されたパンくずリストはフォント サイズが大きくなります。

区切り記号は、divider プロパティを使用して設定できます。

icon 変数を使用することで、 Material Design Icon に存在するアイコンを Breadcrumbs に使用することができます。

'item' スロットを使用して、各breadcrumbをカスタマイズできます。

準備はいいですか? 以下から続きが読めます。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!