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.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
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.