Path Breadcrumb

Path row with folder or file icons, chevron separators, and a bold final crumb.

src
components
beste
button.tsx

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Editor3 } from "@/components/beste/piece/editor3";

<Editor3
  crumbs={[
    {
      "label": "src",
      "kind": "folder"
    },
    {
      "label": "components",
      "kind": "folder"
    },
    {
      "label": "beste",
      "kind": "folder"
    },
    {
      "label": "button.tsx",
      "kind": "file"
    }
  ]}
/>