Breadcrumb

Breadcrumbは、ユーザーが現在の位置を把握しやすくするための階層型ナビゲーションコンポーネントです。

プロパティ

Breadcrumbは、以下のプロパティをサポートしています。

名前 デフォルト値 説明
items BreadcrumbItem[] なし 階層の配列を渡します。

BreadcrumbItem

BreadcrumbItemは、各階層の情報を表すオブジェクトです。

名前 デフォルト値 説明
label string なし 階層の名前です。
link string なし 階層のリンク先です。

インストールの手順

以下のコンポーネントのコードを、使いたいプロジェクトにコピー&ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。

使い方


サンプル

Default

特に操作が行われていない、デフォルトの状態です。