/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/components/docs-breadcrumb.tsx
65 строк
2 KB
shadcn
style: run format on all components
02 мар 2026, 11:49
02 мар 2026, 11:49
f31ed81
Код
Авторство
О чём код?
"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> ) }