CommerceFree component
Team invite
An invitation panel with role selection, notification preferences, and clear sending, success, and error states. Connect it to your invite flow.
Preview
Open previewInstallation
Add team invite to your project, then make it your own.
shadcnRun in your terminal
npx shadcn add https://menaceui.com/r/menace-team-invite.jsonUsage
TSXUsage example
import { MenaceTeamInvite } from "@/components/menace-team-invite";
export default function Component() {
return <MenaceTeamInvite onInvite={async (invite) => saveInvite(invite)} />;
}Props
Key options and their defaults.
roleOptionsEditor, Viewer- Available role values, labels, and descriptions.
onInviteundefined- Async callback receiving email, role, and notification preference.
statusuncontrolled- Controlled idle, sending, sent, or error state.
notifyByEmailtrue- Controlled delivery preference.
- Email, role, notifications, and submission status can each be controlled independently.
- Async submission moves through sending, sent, and explicit error states.
- Role selection uses native radio semantics and the email field keeps browser validation.