Breadcrumb Provider
パンくずナビゲーション用のコンテキストプロバイダーとコンポーネント。宣言的にパンくずを定義できます。
インストール
動的ルートでの使用
import { BreadcrumbConfig } from "@/registry/components/breadcrumb-provider";
export default async function Page({ params }: PageProps<"/posts/[id]">) {
const id = (await params).id;
const post = await getPost(id);
return (
<div>
<BreadcrumbConfig items={[
{ label: "ホーム", href: "/" },
{ label: "ポスト", href: "/posts" },
{ label: post.title },
]} />
<h1>{post.title}</h1>
</div>
);
}