About this block

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.

When to use

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

• File detail panel
• Shared with me table

After

• Notifications

What you can display

One strong use is the per-file share sheet. Other access shapes:

• Folder sharing. The same layout scoped to a folder, with a note that access applies to everything inside.
• Team space access. Rows for whole teams rather than people, each with a member count.
• Link settings. Expand General access into expiry and password options for the public link.

Tip: show the pending invite inline, a Pending badge tells the owner an invite is out before they resend it.