import { VeltHuddle, VeltHuddleTool} from '@veltdev/react';

export default function App() {

  return (
    <VeltHuddle /> {/* Add VeltHuddle at the root of your app */}

    <div className="toolbar">
      <VeltHuddleTool type='all' /> {/* Add VeltHuddleTool where you want the huddle button to appear */}
    </div>
  );
}
1

Import Huddle Component

Import the Huddle component from the React library.

import { VeltHuddle, VeltHuddleTool } from '@veltdev/react';
2

Add Huddle Component

Add the VeltHuddle component to the root of your app.

<VeltHuddle />

This component is required to render Huddle UI components and Huddle users in your app.

3

Add Huddle Tool Component

Add the VeltHuddleTool component wherever you want to show the Huddle tool button.

Clicking on it initiates a huddle.

<div className="toolbar">
      <VeltHuddleTool type='all' />
</div>

import { VeltHuddle, VeltHuddleTool} from '@veltdev/react';

export default function App() {

  return (
    <VeltHuddle /> {/* Add VeltHuddle at the root of your app */}

    <div className="toolbar">
      <VeltHuddleTool type='all' /> {/* Add VeltHuddleTool where you want the huddle button to appear */}
    </div>
  );
}