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?

OverviewCustomize UI