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

States

  • default
  • loading
  • success

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.

Build the Settings — members pattern in your project.