AI Integration Quick Reference
AI Integration Quick Reference
| Field | Value |
|---|---|
| Plugin ID | stickers |
| Package | @cometchat/chat-uikit-react |
| Message Types | extension_sticker |
| Message Categories | custom |
| Included by Default | Yes |
| Bubble Component | CometChatStickerBubble |
| Conversation Preview | Sticker |
| Context Menu | React, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately |
Overview
The Stickers plugin handles messages of typeextension_sticker in category custom. It renders a sticker image extracted from the message’s custom data.
Live Preview — interact with the sticker bubble.Open in Storybook ↗
Bubble Rendering
- Renders the sticker as a full-size image (no bubble background)
- Extracts the sticker URL from the message’s custom data or extension metadata
- Lazy-loaded — the bubble component is not included in the initial bundle
Stickers use a separate keyboard button in the composer (the smiley icon), not the attachment menu. The sticker keyboard is a standalone component (
CometChatStickersKeyboard) rendered by the composer.Context Menu Options
Standard media options: React, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately.Conversation Preview
Returns:Sticker (localized via conversation_subtitle_sticker key)
CSS Selectors
| Target | Selector |
|---|---|
| Bubble root | .cometchat-sticker-bubble |
| Sticker image | .cometchat-sticker-bubble__image |