Share Permissions Popover

A share dialog popover that lets people invite collaborators, change a person's access role, and adjust link-sharing scope inside one floating panel that morphs between views.

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

"use client";

import SharePopover from "@/components/ui/share-permissions-popover";

export default function SharePopoverDemo() {
  return (
    <div className="flex items-center justify-center w-full min-h-[24rem] bg-background p-10">
      <SharePopover />
    </div>
  );
}