ホーム/コンポーネント/ナビゲーション/パンくずリスト Breadcrumb

Breadcrumb

現在のページ階層を表示するパンくずリストコンポーネント。

import { Breadcrumb } from "@blueai/ui"

Examples

Basic

<Breadcrumb items={[
  { label: "ホーム", to: "/" },
  { label: "設定", to: "/settings" },
  { label: "プロフィール" },
]} />

Two levels

<Breadcrumb items={[
  { label: "ダッシュボード", to: "/" },
  { label: "売上レポート" },
]} />

Prop	Type	Default	Description
items*	BreadcrumbItem[]	—	パンくずアイテムの配列。{ label, to? }

type BreadcrumbItem = {
  label: string;
  to?: string;  // リンク先URL。最後の項目はテキストのみ
};