{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "breadcrumb-02",
  "title": "With icons",
  "description": "Each crumb prefixed with a small icon, such as a house, folder, or file.",
  "dependencies": [],
  "registryDependencies": [
    "breadcrumb"
  ],
  "files": [
    {
      "path": "registry/patterns/breadcrumb/breadcrumb-02.tsx",
      "content": "import { FileTextIcon, FolderIcon, HouseIcon } from 'lucide-react'\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@/components/ui/breadcrumb'\n\nexport function Breadcrumb02() {\n  return (\n    <Breadcrumb>\n      <BreadcrumbList>\n        <BreadcrumbItem>\n          <BreadcrumbLink href=\"#\" className=\"flex items-center gap-1.5\">\n            <HouseIcon className=\"size-3.5\" />\n            Home\n          </BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <BreadcrumbLink href=\"#\" className=\"flex items-center gap-1.5\">\n            <FolderIcon className=\"size-3.5\" />\n            Documents\n          </BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <BreadcrumbPage className=\"flex items-center gap-1.5\">\n            <FileTextIcon className=\"size-3.5\" />\n            Q4 Report\n          </BreadcrumbPage>\n        </BreadcrumbItem>\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/breadcrumb/breadcrumb-02.tsx"
    }
  ],
  "type": "registry:block"
}