
- 使用方法
- プロパティ
コピー
AIに質問
import { BrowserRouter } from "react-router-dom";
import { Breadcrumb } from "@/ui/navigation/bread-crumb/components/Breadcrumb";
export const MyComponent = () => {
const breadcrumbLinks = [
{ children: "Home", href: "/" },
{ children: "Category", href: "/category" },
{ children: "Subcategory", href: "/category/subcategory" },
{ children: "Current Page" },
];
return (
<BrowserRouter>
<Breadcrumb className links={breadcrumbLinks} />
</BrowserRouter>
)
};
| プロパティ | タイプ | 説明 |
|---|---|---|
| className | string | 追加のスタイリングのためのオプションクラス名 |
| リンク | 配列 | 各オブジェクトはブレッドクラムリンクを表します。 各オブジェクトには children プロパティ(リンクのテキストコンテンツ)とオプションの href プロパティ(リンクをクリックしたときに移動するURL)が含まれています。 |