Breadcrumb with Avatar

A breadcrumb navigation trail whose items include small avatar images alongside the label, ideal for showing organization and user context in an app header.

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

import Pattern from "@/components/ui/v-breadcrumb-6";

export default function Default() {
  return (
    <div className="flex w-full items-center justify-center p-4">
      <div className="text-base">
        <Pattern />
      </div>
    </div>
  );
}