Shadcn UI Invite User Block
InviteUser2 displays a user table with an invite button that opens a slide-out sheet instead of a dialog. The sheet contains a header with title and description, a textarea for bulk email entry, a role selector, and a send button. The table shows existing users with name, email, role, and status columns.
Light background with the sheet sliding in from the right. The form uses standard input styling with labels above each field. The textarea supports comma-separated email addresses. The role dropdown offers Administrator, Editor, and Viewer options. Sheet header includes a close button.
This variant uses a sheet instead of a dialog, providing more vertical space for the form and keeping the table visible in the background. Suitable when you want users to reference the existing member list while inviting new ones.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |
label @shadcn | Registry |
select @shadcn | Registry |
sheet @shadcn | Registry |
table @shadcn | Registry |
textarea @shadcn | Registry |