User Management Playbook

Manage members, invitations, and roles with consistent enterprise UX.

Start Here

• Template: Members and Invite
• Layout: MetronicLayout with sidebar variant

Recommended Composition

• Member list: AdvancedTable + AvatarGroup
• Invite flow: Dialog + Form + Select
• Role changes: DropdownMenu + Confirm dialog

Minimal Example

import { MembersTemplate } from '@gtcx/templates';
 
export function Members() {
  return <MembersTemplate />;
}

Accessibility Notes

• Use explicit labels for roles and permissions.
• Ensure all table actions are keyboard operable.
• Provide clear success/error feedback.

Tokens to Customize

• colorPrimary
• colorSuccess
• controlHeight