5Sponsor

Breadcrumb

Breadcrumb navigation trail

Terminal
breadcrumb-demo
No opentui live preview is registered for this example yet.

Installation

pnpm dlx shadcn@latest add @termcn/breadcrumb

Usage

import { Breadcrumb } from "@/components/ui/breadcrumb";
<Breadcrumb
  items={[
    { key: "home", label: "Home", onSelect: () => {} },
    { key: "docs", label: "Docs" },
  ]}
  activeKey="docs"
/>

API Reference

PropTypeDefault
itemsBreadcrumbItem[]required
separatorstring"›"
activeKeystringundefined
PropTypeDefault
labelstringrequired
keystringrequired
onSelect() => voidundefined