Invite User 3 - Shareable invite link with expiryPro

A settings card exposing a copyable invite link with an expiry select, a default-role picker, an admin-approval toggle and a reset link action that regenerates the token. Use it when teams want to onboard people via Slack or chat instead of individual email invites.

About Invite User 3

A settings card exposing a copyable invite link with an expiry select, a default-role picker, an admin-approval toggle and a reset link action that regenerates the token. Use it when teams want to onboard people via Slack or chat instead of individual email invites.

Invite User 3 is a pro invite user block for React, built on shadcn/ui and Tailwind CSS. It ships as 98 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
  • link
  • copy
  • expiry
  • share
  • settings

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/invite-user-03

Dependencies installed automatically: lucide-react.

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

Usage

import InviteUser03 from "@/components/blocks/invite-user-03"

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

FAQ