Arrow Tool Custom Button

Replace the default Velt Arrow Tool trigger button with your own custom button component to match your design system, brand colors, and icon styling.

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.

React / Next.js

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

function YourComponent() {

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

<velt-arrow-tool>
    <!-- custom arrow button goes here -->
    <button class="myButton"></button
</velt-arrow-tool>