navigation

Breadcrumb

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

primitivea11ynavigation

Install with the shadcn CLI

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

Dependencies

npm i @radix-ui/react-slot

Usage

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