Breadcrumb

Breadcrumbs are a navigational aid that help users track their location within an app or website. They display the current page in context, showing the hierarchy of pages and enabling easy navigation back to higher levels. Especially useful for deeply nested pages, breadcrumbs improve orientation and enhance the overall user experience.

Pure UI

Installation

Enter your license key

Unlock the shadcn registry to install components.

Usage

<Breadcrumb>
  <BreadcrumbList>
    <BreadcrumbItem>
      <BreadcrumbLink />
    </BreadcrumbItem>
    <BreadcrumbSeparator />
    <BreadcrumbItem>
      <BreadcrumbPage />
    </BreadcrumbItem>
  </BreadcrumbList>
</Breadcrumb>

API Reference

Link

PropTypeDefault
asChild
boolean
false
⮠ PrevBadge
Next ⮡Button
This UI Library is in early Beta access. Expect daily updates and changes.