ناوبری

Breadcrumb

Accessible breadcrumb trail — composable parts with the current page marked via aria-current rather than styling alone.

primitivea11ynavigation

نصب با CLI شدسی‌ان

npx shadcn@latest add https://onthic.com/r/breadcrumb

وابستگی‌ها

npm i @radix-ui/react-slot

این فایل‌ها را هم لازم دارد

@/components/iconssrc/components/icons/index.tsx

به‌صورت خودکار همراه دستور CLI و پرامپت اضافه می‌شود.

استفاده

<Breadcrumb>
  <BreadcrumbList>
    <BreadcrumbItem>
      <BreadcrumbLink href="/">Home</BreadcrumbLink>
    </BreadcrumbItem>
    <BreadcrumbSeparator />
    <BreadcrumbItem>
      <BreadcrumbPage>Lab</BreadcrumbPage>
    </BreadcrumbItem>
  </BreadcrumbList>
</Breadcrumb>