---
title: "Invite teammates"
description: "An onboarding step that turns typed or pasted addresses into chips, flags bad ones, and lists pending invites and an invite link."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/invite-teammates
---

# Invite teammates

An onboarding step that turns typed or pasted addresses into chips, flags bad ones, and lists pending invites and an invite link.

Enter, a comma or a space turns an address into a chip, a pasted list adds them all, and known contacts are suggested as you type. A chip that isn't a full address, or is already invited, carries a warning icon and blocks sending until it's fixed or removed. The button counts the invites and is off at zero. Pending invites can be resent or revoked, and the invite link copies with a tick.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/invite-teammates
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, avatar, button, card, combobox, field, input, item, select, separator, spinner, text-link

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More onboarding blocks

All 3, with install commands: https://ui.edbn.me/docs/blocks/onboarding · https://ui.edbn.me/docs/blocks/onboarding.md

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt