Breadcrumb

Trail of links to the current page, with an optional ellipsis.

Preview

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/breadcrumb.json

$ pnpm dlx shadcn@latest add @stylexcn/breadcrumb

Usage

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