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

# ReactionInfo

> ReactionInfo — CometChat documentation.

The `CometChatReactionInfo` component is used to display the count and users of a specific reaction to a message.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-rn-guide-message-privately/fxK75AS6FzDL1Oqo/images/b5f6fae4-reaction-info-web-9220c05d4007ff78fde8dd2b3adaa7bc.png?fit=max&auto=format&n=fxK75AS6FzDL1Oqo&q=85&s=ea78a6f0388bac50599291f8ace2050f" width="414" height="242" data-path="images/b5f6fae4-reaction-info-web-9220c05d4007ff78fde8dd2b3adaa7bc.png" />
</Frame>

## Properties

| Properties                | Type                              | Description                                    |
| ------------------------- | --------------------------------- | ---------------------------------------------- |
| `messageObject`           | CometChat.BaseMessage             | The message to display reactions for.          |
| `reaction`                | string                            | The specific reaction to display the info for. |
| `loadingIconURL`          | string                            | The URL for the loading icon.                  |
| `errorIconURL`            | string                            | The URL for the error icon.                    |
| `reactionsRequestBuilder` | CometChat.ReactionsRequestBuilder | The request builder for fetching reactions.    |
| `reactionInfoStyle`       | ReactionInfoStyle                 | The style for the reaction info component.     |

## Usage

```html theme={null}
<cometchat-reaction-info
    messageObject={messageObject}
    reaction={reaction}
    loadingIconURL={loadingIconURL}
    errorIconURL={errorIconURL}
    reactionsRequestBuilder={reactionsRequestBuilder}
    reactionInfoStyle={reactionInfoStyle}
/>
```

## ReactionInfoStyle

`ReactionInfoStyle` is a class containing attributes to customize the appearance of the `CometChatReactionInfo` component.

| Attributes         | Type   | Description                                          |
| ------------------ | ------ | ---------------------------------------------------- |
| `height`           | string | The height of the reaction info component.           |
| `width`            | string | The width of the reaction info component.            |
| `borderRadius`     | string | The border radius of the reaction info component.    |
| `background`       | string | The background color of the reaction info component. |
| `border`           | string | The border of the reaction info component.           |
| `namesFont`        | string | The font of the user names.                          |
| `namesColor`       | string | The color of the user names.                         |
| `reactionFontSize` | string | The font size of the reaction emoji.                 |
| `reactedTextColor` | string | The color of the reacted text.                       |
| `reactedTextFont`  | string | The font of the reacted text.                        |
| `errorIconTint`    | string | The tint color of the error icon.                    |
| `loadingIconTint`  | string | The tint color of the loading icon.                  |