> For the complete documentation index, see [llms.txt](https://grootdev.gitbook.io/groot-development/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://grootdev.gitbook.io/groot-development/assets/g-pausemenu/features-guide/socials-buttons.md).

# socials Buttons

### Would you like to modify this section?

<figure><img src="/files/1Wa4kkZEqo1VZIrx9hBy" alt=""><figcaption></figcaption></figure>

```lua

Config.SocialButtons = {
   {
       id = 1, -- id should be unique
       name = "Button Name", -- name of the btn (optional)
       link = "https://discord.gg/Nm5FSxK2gv", --  (optional)
       event = "g-pausemenu:your:social:event:name", -- Event for what happens when you click this button. leave it if type == "web"
       icon = "fa-brands fa-discord", -- icon of the btn https://fontawesome.com/search?q=board&o=r&m=free
       colors = {
           bgcolor = "#5764f2ff",
           textcolor = "#ffffff",
           iconcolor = "#ffffff",
       },
       type = "web", -- type - web | game - For game actions, set type 'game' For web actions, such as opening Discord or Twitch, set it to 'web'
       disable = false, -- just want to show? then set it to false
   },
}
```

&#x20;&#x20;

{% hint style="info" %}
event in `g-pausemenu -> src -> client ->` <mark style="color:green;">cl\_edit.lua</mark>
{% endhint %}

```lua
-- after 112 line 
local socialsBtnEventHandlers = {
    ['g-pausemenu:your:social:event:name'] = function()
        toggleNuiFrame(false) -- Make sure to set this to false before any action.
        -- Your trigger event
        -- example:
        --- exports['g-phone']:OpenPhone()
    end,
}
```