Remove Member Dialog
A remove member dialog with the member card, a counted list of what they still own, a reassign select, and a confirm and reassign action.
A remove member dialog with the member card, a counted list of what they still own, a reassign select, and a confirm and reassign action.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Remove Member Dialog is the static blueprint for taking someone off a workspace without orphaning their work. Daniel Ross is shown in a member card with his avatar, email, join date, and a Member badge. Below it a counted list names exactly what he still owns: 12 open tasks, 3 projects where he is the lead, and 2 scheduled reports. A Select defaults his work to be reassigned to Maya Chen, with a note that she receives a summary of everything moved to her.
The owned items are one typed array and the whole dialog is static markup with no Radix portal opened, so the scrim renders correctly inside the preview iframe. A muted callout reassures that his comments and edits stay attributed with a former member tag, while the seat frees up immediately and is not billed next cycle. The primary action reads Remove and reassign so the handoff and the removal happen in one step.
Reach for this block on the members table of a teams settings page, opened from a row action. Feed the owned counts from his live assignments, populate the Select from your other members, and send the confirm action to an endpoint that reassigns first and revokes access second.
A natural flow around it on an Application Pro page:
Before
After
One strong use is a member removal with a mandatory reassign. Other access changes:
Tip: show the counts of what the member owns, the visible workload is what turns a careless remove into a deliberate handoff.