Invite User 2 - Multi-email chip input
An invite card whose input turns typed or pasted emails into removable chips, flags invalid addresses with the destructive token and supports backspace to remove the last chip. Use it when admins commonly invite several teammates at once.
About Invite User 2
An invite card whose input turns typed or pasted emails into removable chips, flags invalid addresses with the destructive token and supports backspace to remove the last chip. Use it when admins commonly invite several teammates at once.
Invite User 2 is a free invite user block for React, built on shadcn/ui and Tailwind CSS with motion animations that respect reduced-motion settings. It ships as 117 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
- chips
- multi email
- tag input
- team
- validation
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/invite-user-02Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, utils.
Usage
import InviteUser02 from "@/components/blocks/invite-user-02"
export default function Page() {
return <InviteUser02 />
}