Arrows
Customize UI
import { VeltArrowsTool } from '@veltdev/react';
function YourComponent() {
return (
<VeltArrowsTool>
//custom arrow button goes here
<button className="myButton"></button
</VeltArrowsTool>
)
}
React / Next.js
HTML
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.
<VeltArrowsTool>
<button className="myButton"></button
</VeltArrowsTool>
import { VeltArrowsTool } from '@veltdev/react';
function YourComponent() {
return (
<VeltArrowsTool>
//custom arrow button goes here
<button className="myButton"></button
</VeltArrowsTool>
)
}