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

<RequestExample>
  ```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>
  ```
</RequestExample>