Arrow Tool Custom Button - Velt

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>

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>

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>
  )
  
}

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