Share & Invite UI: Slots

import {
  VeltUserInviteTool
} from '@veltdev/react';

export default function App() {

  return (
    <>

      <VeltUserInviteTool>
        <button slot="button">User Invite</button>
      </VeltUserInviteTool>

    </>
  );
}

<!doctype html>
<html lang="en">
  <head>
    <title>User Invite documentation</title>
  </head>
  <body>

    <velt-user-invite-tool>
        <button slot="button">User Invite</button>
    </velt-user-invite-tool>

  </body>
</html>

React / Next.js
Other Frameworks

Replace the User Invite Tool

Provide a template for the User Invite Tool.Target the button slot with your own custom template.

<VeltUserInviteTool>
  <button slot="button">User Invite</button>
</VeltCommentTool>

Replace the User Invite Tool

Provide a template for the User Invite Tool.Target the button slot with your own custom template.

<velt-user-invite-tool>
  <button slot="button">User Invite</button>
</velt-user-invite-tool>

import {
  VeltUserInviteTool
} from '@veltdev/react';

export default function App() {

  return (
    <>

      <VeltUserInviteTool>
        <button slot="button">User Invite</button>
      </VeltUserInviteTool>

    </>
  );
}

<!doctype html>
<html lang="en">
  <head>
    <title>User Invite documentation</title>
  </head>
  <body>

    <velt-user-invite-tool>
        <button slot="button">User Invite</button>
    </velt-user-invite-tool>

  </body>
</html>

⌘I

Get Started

Agentic Setup

Key Concepts

Async Collaboration

Realtime Collaboration

AI

Self-Host Data

Backend SDKs

Model Context Protocol

Webhooks

Security

Miscellaneous

Share & Invite UI: Slots

Replace the User Invite Tool

Replace the User Invite Tool