Arrows
Setup
import { VeltArrows, VeltArrowsTool } from '@veltdev/react';
function YourComponent() {
return (
<div>
<VeltArrows/>
<div className="toolbar">
<VeltArrowsTool />
</div>
</div>
)
}
React / Next.js
HTML
1
Import the Arrow components from @veltdev/react
Import the Arrow
components
import { VeltArrows, VeltArrowsTool } from '@veltdev/react';
2
Place the VeltArrows component
Place the VeltArrows
component at the root of your app.
<div>
<VeltArrows/>
</div>
3
Place the VeltArrowsTool component
Place the VeltArrowsTool
component wherever you want the invite button to appear.
<div className="toolbar">
<VeltArrowsTool />
</div>
Was this page helpful?
import { VeltArrows, VeltArrowsTool } from '@veltdev/react';
function YourComponent() {
return (
<div>
<VeltArrows/>
<div className="toolbar">
<VeltArrowsTool />
</div>
</div>
)
}