A. Auth & Onboarding

Team Invite Flow

Invite teammates by email or link, accept or decline invitations, manage members and approve join requests.

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 auth/team-invite

01Invite teammates

Uses: InviteRow · Switch · InviteLinkRow · Button

components/blocks/auth/team-invite/01-invite-teammates.tsx

Uses: UserInfo · AvatarStack · Button

components/blocks/auth/team-invite/02-accept-invitation.tsx

Uses: PageHeader · Table · PersonCell · Badge · TabBar

components/blocks/auth/team-invite/03-members-pending.tsx

Uses: AppFrame · SettingsRow · Switch · InviteLinkRow · Input

components/blocks/auth/team-invite/04-invite-link-settings.tsx

Uses: Button · TextLinkRow

components/blocks/auth/team-invite/05-invitation-expired.tsx

Uses: AppFrame · UserInfo · Button · Input

components/blocks/auth/team-invite/06-join-request-approval.tsx