パンくずリスト
ダッシュボードのヘッダーからの祖先のトレイル。 インタラクティブなアイテムは、ソフトな背景のカプセルでホバーに暗くなります。 現在のページは非インタラクティブです。 アイテムは、主要なアイコンやアバターを受け入れます。
インストール
このパン粉コンポーネントを CLI または手動で追加できます。
ダークモード対応：この コンポーネント はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.
CLI
手動
CLIがコンポーネントのソースと内部の依存ファイルをプロジェクトにコピーし、必要なnpmパッケージをインストールします。
npx boardui@latest add breadcrumb共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー＆ペーストの例は、標準のインポートを使います。
アバター付き
項目は任意一流の内容を受け入れます - 渡して下さい xs アバター チーム・ユーザー・トレイル、または アイコン glyphs のコンポーネント参照。
{/* Items take arbitrary leading content - avatars, icons, dots */}<Breadcrumb aria-label="Team"> <BreadcrumbItem href="#"> <Avatar size="xs" color="blue" initials="B" /> Board team </BreadcrumbItem> <BreadcrumbItem current icon={RiHomeLine}>Home</BreadcrumbItem></Breadcrumb>