Role Assignment Panel
A panel for editing a workspace member role with a role selector listing permission descriptions, a scope list, and an effective immediately callout.
A panel for editing a workspace member role with a role selector listing permission descriptions, a scope list, and an effective immediately callout.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Role Assignment Panel is the access-granting surface: Riley Parker (Member, riley@acme.com) in a bordered identity row, a role Select closed on Member with four options each one-lined (Owner: full control including billing and deletion; Admin: manage members, projects, and integrations; Member: access to assigned projects and team spaces; Viewer: read-only), then a scope list showing two projects and one team with real IDs (prj_8h2k, prj_3m9p, team_eng), and an info callout that names the person and says the change takes effect immediately.
Roles and scope items are typed const arrays above the component. The effective-immediately callout names Riley Parker explicitly so the admin reads the consequence before clicking Save role.
Reach for this block in a member management flow when an admin needs to promote or restrict a specific user. Wire the Select to your role update endpoint and the scope list to the projects and teams the member currently belongs to.
A natural flow around it on an Application Pro page:
Before
After
One strong use is a workspace role change for a single member. Other assignment panel uses:
Tip: the effective-immediately callout earns trust; name the person and the scope so the admin never wonders what they just changed.