Invite User 1 - Email invite dialog with role selectPro

A modal dialog for inviting a teammate by email with a role select that explains each role's permissions, an optional personal message and a sent confirmation. Use it behind an "Invite member" button in team or workspace settings.

About Invite User 1

A modal dialog for inviting a teammate by email with a role select that explains each role's permissions, an optional personal message and a sent confirmation. Use it behind an "Invite member" button in team or workspace settings.

Invite User 1 is a invite user block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 120 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • invite
  • dialog
  • modal
  • role
  • email
  • team

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add invite-user-01

Dependencies installed automatically: lucide-react, motion.

Uses: button, input, label, reveal, textarea, utils.

Usage

import InviteUser01 from "@/components/blocks/invite-user-01"

export default function Page() {
  return <InviteUser01 />
}

FAQ