snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/components/docs-breadcrumb.tsx

@@ -0,0 +1,65 @@
+"use client"
+
+import { Fragment } from "react"
+import Link from "next/link"
+import { usePathname } from "next/navigation"
+import { useBreadcrumb } from "fumadocs-core/breadcrumb"
+import type { Root } from "fumadocs-core/page-tree"
+
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@/registry/new-york-v4/ui/breadcrumb"
+
+export function DocsBreadcrumb({
+  tree,
+  className,
+}: {
+  tree: Root
+  className?: string
+}) {
+  const pathname = usePathname()
+  const items = useBreadcrumb(pathname, tree)
+
+  if (items.length === 0) return null
+
+  return (
+    <Breadcrumb className={className}>
+      <BreadcrumbList>
+        <BreadcrumbItem>
+          <BreadcrumbLink asChild>
+            <Link href="/docs" className="hover:text-accent-foreground">
+              Docs
+            </Link>
+          </BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        {items.map((item, i) => (
+          <Fragment key={i}>
+            {i !== 0 && <BreadcrumbSeparator />}
+            {item.url ? (
+              <BreadcrumbItem>
+                <BreadcrumbLink asChild>
+                  <Link
+                    href={item.url}
+                    className="truncate hover:text-accent-foreground"
+                  >
+                    {item.name}
+                  </Link>
+                </BreadcrumbLink>
+              </BreadcrumbItem>
+            ) : (
+              <BreadcrumbItem>
+                <BreadcrumbPage>{item.name}</BreadcrumbPage>
+              </BreadcrumbItem>
+            )}
+          </Fragment>
+        ))}
+      </BreadcrumbList>
+    </Breadcrumb>
+  )
+}