Breadcrumb Efferdui

Navigation

About

breadcrumb

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Breadcrumb Efferdui to your project and fits it to your theme.

Code

How Breadcrumb Efferdui is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

  import { AppBreadcrumbs } from "@/components/ui/breadcrumb-efferdui";
  import { LayoutDashboardIcon } from "lucide-react";

  export default function DemoOne() {
    return (
      <div className="flex flex-col gap-4 p-6 text-sm">
        <AppBreadcrumbs
          page={{
            title: "Dashboard",
            icon: <LayoutDashboardIcon />,
          }}
        />
        <AppBreadcrumbs page={{ page: "Settings" } as any} />
        <AppBreadcrumbs page={{ title: "Settings" }} />
      </div>
    );
  }