Breadcrumb

Hierarchical location trail.

shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026

Installation

import {
  Breadcrumb,
  BreadcrumbList,
  BreadcrumbItem,
  BreadcrumbLink,
  BreadcrumbPage,
  BreadcrumbSeparator,
} from "@aspyn-io/kit";

Basic

Use asChild to render Next.js Links.

Custom separator

Pass any node as the separator's children.

With a dropdown

Collapse middle crumbs into a dropdown menu of hidden levels.