> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-platform-docs-release.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Stickers Plugin

> Renders sticker messages as full-size sticker images.

<Accordion title="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 |
</Accordion>

## Overview

The Stickers plugin handles messages of type `extension_sticker` in category `custom`. It renders a sticker image extracted from the message's custom data.

<Info>
  **Live Preview** — interact with the sticker bubble.

  [Open in Storybook ↗](https://storybook.cometchat.io/react/?path=/story/components-bubbles-message-bubble--sticker-message)
</Info>

<iframe src="https://storybook.cometchat.io/react/iframe.html?id=components-bubbles-message-bubble--sticker-message&viewMode=story&shortcuts=false&singleStory=true" className="w-full rounded-xl" loading="lazy" style={{height: "500px", border: "1px solid #e0e0e0"}} title="Sticker Bubble — Default" allow="clipboard-write" />

***

## 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

<Note>
  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.
</Note>

***

## 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` |