Skip to main content
  • React / Next.js
  • Other Frameworks
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>
  );
}