> ## 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 inline reactions behavior

> Customize Velt inline reactions with custom emoji sets, reaction events, URL-based icons, and configurable reaction picker behavior across UI elements.

## setCustomReactions

* Use this to set custom reactions emojis.

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    const customReactions = {
        "URL_EMOJI_ID": {
            "url": "https://em-content.zobj.net/source/apple/391/fire_1f525.png"
        },
        "URL_EMOJI_ID_2": {
            "iconUrl": "EMOJI_URL"
        },
        "TEXT_EMOJI_ID": {
            "emoji": "🤣" // emoji as a text
        }
    };

    <VeltInlineReactionsSection customReactions={customReactions} />
    ```

    API Method:

    ```jsx theme={null}
    const reactionElement = client.getReactionElement();
    reactionElement.setCustomReactions(customReactions);
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```jsx theme={null}
    const reactionElement = Velt.getReactionElement();
    const customReactions = {
        "URL_EMOJI_ID": {
            "url": "https://em-content.zobj.net/source/apple/391/fire_1f525.png"
        },
        "URL_EMOJI_ID_2": {
            "iconUrl": "EMOJI_URL"
        },
        "TEXT_EMOJI_ID": {
            "emoji": "🤣" // emoji as a text
        }
    };
    reactionElement.setCustomReactions(customReactions);
    ```
  </Tab>
</Tabs>