GIFs and emojis

Emojis and GIFs live in the same picker, right next to the message field. Emojis drop into your text; GIFs (powered by Tenor) send as their own message.

🖥 Web
📱 Mobile

Open the conversation and click the emoji button next to the message field. A panel opens with two tabs — emoji and GIF.

On the emoji tab, browse by category or type in Search for an emoji... and click one to add it to your message.

Screenshot coming soon

The emoji tab of the emote panel open below the message field, with the emoji search

Capture spec (for maintainers)

{
  "id": "web.chat-and-messaging.gifs-and-emojis.emoji-panel",
  "platform": "web",
  "route": "/chats",
  "actions": [
    {
      "pom": {
        "page": "ChatPage",
        "call": "openFirstGroupChannel"
      }
    },
    {
      "pom": {
        "page": "ChatPage",
        "call": "openEmotePanel"
      }
    }
  ],
  "clip": {
    "testId": "select-emote-panel",
    "pad": 12
  }
}

Switch to the GIF tab, search for a GIF, and click it to send.

Screenshot coming soon

The GIF tab of the emote panel showing Tenor GIF search results

Capture spec (for maintainers)

{
  "id": "web.chat-and-messaging.gifs-and-emojis.gif-tab",
  "platform": "web",
  "route": "/chats",
  "actions": [
    {
      "pom": {
        "page": "ChatPage",
        "call": "openEmotePanel"
      }
    },
    {
      "pom": {
        "page": "ChatPage",
        "call": "switchToGifTab"
      }
    },
    {
      "fill": {
        "testId": "gif-search-input",
        "value": "coffee"
      }
    }
  ],
  "clip": {
    "testId": "select-emote-panel",
    "pad": 12
  }
}

Open the conversation and tap the emoji button to the left of the message field. The panel opens with emoji and GIF.

Tap an emoji to add it to your message, or switch to GIF, search, and tap one to send.

Screenshot coming soon

The mobile emote panel open below the message field with emoji and GIF tabs

Capture spec (for maintainers)

{
  "id": "mobile.chat-and-messaging.gifs-and-emojis.emote-panel",
  "platform": "mobile",
  "route": "/chats",
  "actions": [
    {
      "tapOn": {
        "id": "chat-list-first-channel"
      }
    },
    {
      "tapOn": {
        "id": "text-channel-emote-toggle"
      }
    }
  ]
}

Good to know

Emojis aren't just for messages — you can also use them as reactions on any message. Latte remembers the ones you use most and surfaces them first.

Related​

Related