> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-llms-scoped-indexes.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-llms-scoped-indexes/d5xW_uJ3Iif7doR1/images/b5f6fae4-reaction-info-web-9220c05d4007ff78fde8dd2b3adaa7bc.png?fit=max&auto=format&n=d5xW_uJ3Iif7doR1&q=85&s=f98b06d5cc3428b890e8c183243859e5" 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. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.