> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Button

## 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.

```js React / Next.js theme={null}
import { VeltArrowTool } from '@veltdev/react';

function YourComponent() {

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

```html HTML theme={null}
<velt-arrow-tool>
    <!-- custom arrow button goes here -->
    <button class="myButton"></button>
</velt-arrow-tool>
```


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.