Skip to main content
You can modify the Reaction component’s properties using the ReactionsConfiguration object. To use a configuration, you simply need to pass it to respective parameter. The ReactionsConfiguration supports the following properties:

​
Configurable Properties

NameDescription
reactionListConfigurationAn instance of ReactionListConfiguration which controls the configuration for the reaction list.
reactionInfoConfigurationAn instance of ReactionInfoConfiguration which controls the configuration for the reaction information.
reactionClickFunction to be called when a reaction is clicked. It provides the reaction and message as parameters.
reactionsStyleStyling properties and values of the ReactionsStyle class which controls the look of the reactions.
You can create an instance of ReactionsConfiguration and pass it as a property to customize these attributes. 
const reactionsConfig = new ReactionsConfiguration({
    reactionListConfiguration: new ReactionListConfiguration({}),
    reactionInfoConfiguration: new ReactionInfoConfiguration({}),
    reactionClick: (reaction, message) => {
      // Write your custom function here
    },
    reactionsStyle: new ReactionsStyle({})
});

​
Usage

    const messagesConfiguration = new MessagesConfiguration({
      messageListConfiguration:new MessageListConfiguration({
        reactionsConfiguration: reactionsConfig
      })
    })

  <cometchat-conversations-with-messages [messagesConfiguration]="messagesConfiguration"  ></cometchat-conversations-with-messages>
⌘I