import { VeltArrowTool } from '@veltdev/react';

function YourComponent() {

return (
    <VeltArrowTool>
        //custom arrow button goes here
        <button className="myButton"></button
    </VeltArrowTool>
  )
  
}

Custom Arrow Button

If you want to replace the default arrow button with your own custom button, you can pass it in as a child component.

<VeltArrowTool>
    <button className="myButton"></button
</VeltArrowTool>
import { VeltArrowTool } from '@veltdev/react';

function YourComponent() {

return (
    <VeltArrowTool>
        //custom arrow button goes here
        <button className="myButton"></button
    </VeltArrowTool>
  )
  
}