Invite Field
Email tag input for inviting teammates. Type or paste emails and they become chips, invalid ones are flagged, and sending turns them into a list of who was invited.
Dependencies
gsap@gsap/reactclsxtailwind-merge
Interaction
Calm GSAP Flip translation with input origin projection, error detection, duplicate prevention ring pulse, and drawn SVG check confirmations.
Props
| Prop | Type | Description |
|---|---|---|
| value | string[] | Controlled array of emails; if given, the parent owns the state. |
| defaultValue | string[] | Initial uncontrolled list of emails. |
| onChange | (emails: string[]) => void | Callback fired with the full list after every add, remove, or edit. |
| onSend | (validEmails: string[]) => void | Promise<void> | Called with valid emails only when the user clicks Send. |
| label | string | Field heading label. |
| sentLabel | string | Label displayed in the sent confirmation state. |
| placeholder | string | Input placeholder text. |
| className | string | Optional CSS classes merged with the root container. |
MIT License. Free to use in personal and commercial projects. Built for Peel UI.