Usage
import { TeamInvite } from "@/registry/blocks/team-invite/team-invite";
<TeamInvite avatars={/* … */} />Props
| Name | Type | Default | Description |
|---|---|---|---|
| avatars | [TeamInviteAvatar, TeamInviteAvatar, TeamInviteAvatar] | Required. The two connected teammates, then the one being invited – each { src, name? } with a square portrait | |
| label | string | Accessible description – by default built from the names | |
| className | string | Extra class on the root, e.g. for width or margins |
When to use
- Feature cards about inviting teammates, collaboration, sharing or multiplayer - Onboarding steps like “Invite your team” where a friendly, moving scene helps
When not to use
Interactive app UI; these are illustrations, so keep them out of task flows.