B. Application & Dashboard

Team Management

Member directories, a roles & permissions matrix, member drawers, groups, the remove-member dialog and ownership transfer.

6 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add app/team-management

01Members directory

Uses: AppFrame · Table · PersonCell · Badge · TextField

components/blocks/app/team-management/01-members-directory.tsx

Uses: AppFrame · Table · Checkbox · Badge · Button

components/blocks/app/team-management/02-roles-permissions.tsx

Uses: AppFrame · Sheet · Avatar · Badge · SettingsRow

components/blocks/app/team-management/03-member-drawer.tsx

Uses: AppFrame · AvatarGroup · Badge · Button

components/blocks/app/team-management/04-groups.tsx

Uses: AppFrame · AlertDialog · RadioGroup · Avatar

components/blocks/app/team-management/05-remove-member.tsx

Uses: AppFrame · Dialog · OptionRowGroup · TextField

components/blocks/app/team-management/06-transfer-ownership.tsx