Share Permissions Panel
A file share panel with an invite by email row, a people with access list showing roles, general link access, and footer actions.
A file share panel with an invite by email row, a people with access list showing roles, general link access, and footer actions.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Share Permissions Panel is the access dialog for a single file, Hero-Banner-Final.png, laid out as a card. An invite by email row pairs an Input with an Invite button and a note that new invitees get view access by default. A People with access list shows four rows: Jordan Lee as Owner, Maya Chen with Can edit, Marcus Kim with Can view, and a pending invite to priya@northwind.io carrying a Pending badge. A General access section offers Anyone with the link at Can view, and a footer holds Copy link and Done.
People are one typed array with owner and pending flags driving the layout: the owner shows a static role label while everyone else gets a role dropdown affordance. The pending row swaps an avatar for an initial and shows the invite date in place of an email.
Reach for this block as the share sheet that opens from a file or folder, wired to your sharing and invitation endpoints. Gate the role dropdowns on whether the current user can manage access.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the per-file share sheet. Other access shapes:
Tip: show the pending invite inline, a Pending badge tells the owner an invite is out before they resend it.