Skip to main content

ReactionInfo

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

Image

Properties

PropertiesTypeDescription
messageObjectCometChat.BaseMessageThe message to display reactions for.
reactionstringThe specific reaction to display the info for.
loadingIconURLstringThe URL for the loading icon.
errorIconURLstringThe URL for the error icon.
reactionsRequestBuilderCometChat.ReactionsRequestBuilderThe request builder for fetching reactions.
reactionInfoStyleReactionInfoStyleThe style for the reaction info component.

Usage

<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.

AttributesTypeDescription
heightstringThe height of the reaction info component.
widthstringThe width of the reaction info component.
borderRadiusstringThe border radius of the reaction info component.
backgroundstringThe background color of the reaction info component.
borderstringThe border of the reaction info component.
namesFontstringThe font of the user names.
namesColorstringThe color of the user names.
reactionFontSizestringThe font size of the reaction emoji.
reactedTextColorstringThe color of the reacted text.
reactedTextFontstringThe font of the reacted text.
errorIconTintstringThe tint color of the error icon.
loadingIconTintstringThe tint color of the loading icon.