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

# Slots

<Steps titleSize="h2">
  <Step stepNumber="1" title="Replace the Arrow Tool">
    Provide a template for the Arrow Tool.

    Target the `button` slot with your own custom template.
  </Step>
</Steps>

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

  export default function App() {

    return (
      <>

        <VeltArrowTool>
          <button slot="button">Arrow</button>
        </VeltArrowTool>

      </>
    );
  }
  ```

  ```html HTML theme={null}

  <!doctype html>
  <html lang="en">
    <head>
      <title>Arrow documentation</title>
    </head>
    <body>

      <velt-user-invite-tool>
          <button slot="button">Arrow</button>
      </velt-user-invite-tool>

    </body>
  </html>
  ```
</RequestExample>
