Tooltip with Avatar and Role Badge

A tooltip that shows a user's avatar, name, role badge, and email when hovering over their profile picture.

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

import TooltipAvatarBadge from "@/components/ui/tooltip-avatar-badge";

export default function TooltipAvatarBadgeDemo() {
  return <TooltipAvatarBadge />;
}