Skip to content

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

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

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