Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/breadcrumb.json
Usage
import { Breadcrumb } from "@/components/ui/breadcrumb";<Breadcrumb
items={[
{ key: "home", label: "Home", onSelect: () => {} },
{ key: "docs", label: "Docs" },
]}
activeKey="docs"
/>API Reference
Breadcrumb
| Prop | Type | Default |
|---|---|---|
items | BreadcrumbItem[] | required |
separator | string | "›" |
activeKey | string | undefined |
BreadcrumbItem
| Prop | Type | Default |
|---|---|---|
label | string | required |
key | string | required |
onSelect | () => void | undefined |