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

# Slots

<Tabs>
  <Tab title="React / Next.js">
    <Steps titleSize="h2">
      <Step stepNumber="1" title="Replace the Huddle Tool">
        Provide a template for the Huddle Tool.

        Target the `button` slot with your own custom template.

        ```js theme={null}
        <VeltHuddleTool>
          <button slot="button">Huddle</button>
        </VeltCommentTool>
        ```
      </Step>
    </Steps>
  </Tab>

  <Tab title="Other Frameworks">
    <Steps titleSize="h2">
      <Step stepNumber="1" title="Replace the Huddle Tool">
        Provide a template for the Huddle Tool.

        Target the `button` slot with your own custom template.

        ```html theme={null}
        <velt-user-invite-tool>
          <button slot="button">Huddle</button>
        </velt-user-invite-tool>
        ```
      </Step>
    </Steps>
  </Tab>
</Tabs>

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

  export default function App() {

    return (
      <>

        <VeltHuddleTool>
          <button slot="button">Huddle</button>
        </VeltHuddleTool>

      </>
    );
  }
  ```

  ```html HTML theme={null}

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

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

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