Invite User 11 - Onboarding invite your team stepPro

An onboarding wizard step with a progress indicator, explanatory copy on the left and editable email-plus-role rows on the right that can be added or removed, with skip and continue actions. Use it as the "invite your team" step in a new-workspace setup flow.

About Invite User 11

An onboarding wizard step with a progress indicator, explanatory copy on the left and editable email-plus-role rows on the right that can be added or removed, with skip and continue actions. Use it as the "invite your team" step in a new-workspace setup flow.

Invite User 11 is a invite user block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 104 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
  • onboarding
  • wizard
  • step
  • team
  • setup

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add invite-user-11

Dependencies installed automatically: lucide-react, motion.

Uses: button, input, reveal, utils.

Usage

import InviteUser11 from "@/components/blocks/invite-user-11"

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

FAQ