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.
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
let messagesConfiguration = new MessagesConfiguration({
messageListConfiguration:new MessageListConfiguration({
reactionsConfiguration: new ReactionsConfiguration({
reactionInfoConfiguration:reactionInfoConfig
})
})
})
<cometchat-conversations-with-messages [messagesConfiguration]="messagesConfiguration" ></cometchat-conversations-with-messages>