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

# Customize Huddle Behavior

> Customize Velt Huddle with audio, video, and screen share modes, plus participant limits and UI configuration for real-time voice and video sessions.

## type

* Sets the type of the `Huddle`:
  * `audio`
  * `video`
  * `screen`
  * `all`

Default: `all`

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltHuddleTool type="audio"/>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-huddle-tool type="audio"></velt-huddle-tool>
    ```
  </Tab>
</Tabs>

## chat

* Whether the ephemeral Chat feature is enabled in Huddle.
* Default: `true`
  <img src="https://mintcdn.com/velt-mintlify-e6426361/eYgmxSGjevFtF8Z2/images/chat-in-huddle.png?fit=max&auto=format&n=eYgmxSGjevFtF8Z2&q=85&s=a5317b61c1fd57f2e0c2fea59468fa88" alt="" width="1280" height="720" data-path="images/chat-in-huddle.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltHuddle chat={false} />
    ```

    Using API:

    ```jsx theme={null}
    const huddleElement = client.getHuddleElement();
    huddleElement.enableChat();
    huddleElement.disableChat();
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-huddle chat="false"></velt-huddle>
    ```

    Using API:

    ```js theme={null}
    const huddleElement = Velt.getHuddleElement();
    huddleElement.enableChat();
    huddleElement.disableChat();
    ```
  </Tab>
</Tabs>

## flockModeOnAvatarClick

* Whether `Follow Me` Mode should start when clicking on a user's avatar in Huddle.
* Default: `false`

<img src="https://mintcdn.com/velt-mintlify-e6426361/eYgmxSGjevFtF8Z2/gifs/huddle-flock.gif?s=b93026d5c72074bf5fd68d06f2f961d9" alt="" width="2560" height="1440" data-path="gifs/huddle-flock.gif" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltHuddle flockModeOnAvatarClick={true} />
    ```

    Using API:

    ```jsx theme={null}
    const huddleElement = client.getHuddleElement();
    huddleElement.enableFlockModeOnAvatarClick();
    huddleElement.disableFlockModeOnAvatarClick();
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-huddle flock-mode-onavatar-click="true"></velt-huddle>
    ```

    Using API:

    ```js theme={null}
    const huddleElement = Velt.getHuddleElement();
    huddleElement.enableFlockModeOnAvatarClick();
    huddleElement.disableFlockModeOnAvatarClick();
    ```
  </Tab>
</Tabs>

## serverFallback

* Whether Huddle should fall back to a server-side connection if peer-to-peer fails.
* Default: `true`

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltHuddle serverFallback={false} />
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-huddle server-fallback="false"></velt-huddle>
    ```
  </Tab>
</Tabs>
