Breadcrumb

A path in mono, separated by slashes, with the current segment in white.

pulls in@base-ui/reactlucide-react@afterglow/theme

Installation

npx shadcn@latest add @afterglow/breadcrumb

Composition

Component structure.

Breadcrumb
└── BreadcrumbList
    ├── BreadcrumbItem
    │   ├── BreadcrumbLink
    │   └── BreadcrumbPage
    ├── BreadcrumbSeparator
    └── BreadcrumbEllipsis

API Reference

BreadcrumbLink

Pass render to use a router link: render={<Link href="/x" />}.

BreadcrumbPage

The last crumb, which is where you already are and so is not a link.