Huddle
Setup
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>
);
}
React / Next.js
HTML
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>
Was this page helpful?
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>
);
}