Breadcrumb Provider
パンくずナビゲーション用のコンテキストプロバイダーとコンポーネント。宣言的にパンくずを定義できます。
インストール
Loading...
動的ルートでの使用
Loading...
メニュー
pnpx shadcn@latest add https://dninomiya.com/api/r/breadcrumb-providerimport { 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>
);
}