Share & Invite Setup

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

function YourComponent() {
  return (
    //
    <VeltUserInviteTool />
    //
  )
}

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Collaboration App</title>
    <script type="module" src="https://cdn.velt.dev/lib/sdk@latest/velt.js" onload="loadVelt()"></script>
    <script>
      async function loadVelt() {
        await Velt.init("YOUR_VELT_API_KEY");
      }
    </script>
  </head>
  <body>
  <!-- Place the `<velt-user-invite-tool>` component -->
    <velt-user-invite-tool></velt-user-invite-tool>
  </body>
</html>

React / Next.js
Other Frameworks

Import VeltUserInviteTool from @veltdev/react

Import the VeltUserInviteTool component

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

Place the VeltUserInviteTool component

Place the component wherever you want the invite button to appear.

<VeltUserInviteTool />

Place the <velt-user-invite-tool> component

Place the component wherever you want the invite button to appear.

<velt-user-invite-tool></velt-user-invite-tool>

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

function YourComponent() {
  return (
    //
    <VeltUserInviteTool />
    //
  )
}

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Collaboration App</title>
    <script type="module" src="https://cdn.velt.dev/lib/sdk@latest/velt.js" onload="loadVelt()"></script>
    <script>
      async function loadVelt() {
        await Velt.init("YOUR_VELT_API_KEY");
      }
    </script>
  </head>
  <body>
  <!-- Place the `<velt-user-invite-tool>` component -->
    <velt-user-invite-tool></velt-user-invite-tool>
  </body>
</html>

⌘I