Breadcrumb

Navigation trail for the current page hierarchy.

Installation

1pnpm dlx shadcn@latest add @glasswave/breadcrumb

Usage

1import {2  Breadcrumb,3  BreadcrumbList,4  BreadcrumbItem,5  BreadcrumbLink,6  BreadcrumbPage,7  BreadcrumbSeparator,8} from "glasswave";

Compose with Breadcrumb as the outer nav, an ordered BreadcrumbList, and items. Use BreadcrumbPage for the non-link current page. BreadcrumbLink supports asChild with Slot to render framework links (e.g. Next.js Link).

API Reference

BreadcrumbLink

All other parts render their semantic element (nav / ol / li / span) and accept its native attributes.