Share Dialog
A modal share dialog with copy link, email invite chips, access level and per-person roles.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ShareDialogProps
Also accepts all props of Omit<React.ComponentProps<"dialog">, "open" | "title">
| Prop | Type | Default | Description |
|---|---|---|---|
| open* required | boolean | — | — |
| onOpenChange* required | (open: boolean) => void | — | — |
| resourceName* required | string | — | Name of the thing being shared, shown in the title |
| link* required | string | — | — |
| people | SharePerson[] | — | People who already have access (initial value) |
| defaultAccess | ShareAccess | "restricted" | — |
| onInvite | (emails: string[], role: ShareRole) => void | — | — |
| onAccessChange | (access: ShareAccess) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/share-dialog.json