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

# ReactionInfoConfiguration

You can modify the Reaction Info component's properties using the ReactionInfoConfiguration object. To use a configuration, you simply need to pass it to respective parameter.

The ReactionInfoConfiguration supports the following properties:

### Configurable Properties

| Name                    | Description                                                                                                             |
| ----------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| reactionInfoStyle       | Styling properties and values of the `ReactionInfoStyle` component which controls the look of the reaction information. |
| reactionsRequestBuilder | An instance of `ReactionsRequestBuilder` which allows you to set various parameters for fetching reactions.             |
| loadingIconURL          | Asset URL for the loading icon. The default value points to an embedded loading icon.                                   |
| errorIconURL            | Asset URL for the error icon. The default value points to an embedded error icon.                                       |

You can create an instance of `ReactionInfoConfiguration` and pass it as a property to customize these attributes.

```javascript theme={null}
const reactionInfoConfig = new ReactionInfoConfiguration({
    reactionInfoStyle: new ReactionInfoStyle({}),
    reactionsRequestBuilder: new CometChat.ReactionsRequestBuilder(),
    loadingIconURL: 'url_to_your_custom_loading_icon',
    errorIconURL: 'url_to_your_custom_error_icon',
});
```

## Usage

```javascript theme={null}
    let messagesConfiguration = new MessagesConfiguration({
      messageListConfiguration:new MessageListConfiguration({
        reactionsConfiguration: new ReactionsConfiguration({
          reactionInfoConfiguration:reactionInfoConfig
        })
      })
    })
```

```javascript theme={null}
  <cometchat-conversations-with-messages [messagesConfiguration]="messagesConfiguration"  ></cometchat-conversations-with-messages>
```