dashboard pattern

Settings — members

Workspace members + roles + invites.

When to use it

Admin manages who has access and at what role.

  • See all members on one page
  • Change role inline
  • Invite by email

Layout regions

main
invite-row
Invite form at top

States

default
Members loaded
loading
Sending invite
success
Invite sent

Example

<Container><Card><CardHeader><CardTitle>Members</CardTitle></CardHeader><CardContent><InviteRow /><DataTable rows={members} columns={memberColumns} /></CardContent></Card></Container>

The full Settings — members pattern specifies 2 exact microcopy strings, 1 motion spec, 4 composition rules — all gated behind the full recipe. Get the full recipe.

Related

Build the Settings — members pattern in your project.