# TeamInviteDialog

> This component is a modern Team Invite Dialog that allows users to quickly invite multiple team members via email or a magic link. Each member can be assigned a specific role (like Member, Admin, or Viewer) using a clean, card-style input layout. The interface is compact, responsive, and visually engaging, with interactive features such as dynamic addition of email fields, tooltips, and visual feedback when the invite link is copied. It provides an efficient and user-friendly way to manage team invitations within a web application.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/team-invite-dialog

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/team-invite-dialog?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt