Haedong
032

Breadcrumb

Navigation

Customize

Depth

Code

<Breadcrumb>
  <BreadcrumbList>
    <BreadcrumbItem><BreadcrumbLink href="/work">Work</BreadcrumbLink></BreadcrumbItem>
    <BreadcrumbSeparator />
    <BreadcrumbItem><BreadcrumbPage>Calendar</BreadcrumbPage></BreadcrumbItem>
  </BreadcrumbList>
</Breadcrumb>

Install

npx shadcn@latest add https://components.haedong.dev/r/breadcrumb.json

Props

Six thin wrappers over nav / ol / li / a / span. BreadcrumbPage carries aria-current; BreadcrumbSeparator defaults to /.

PropTypeDescription
classNamestringExtra classes on any of the six elements.