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.

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

function YourComponent() {

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