ReactionList - CometChat Docs

The CometChatReactionList component is used to manage and display reactions in messages. It provides functionalities like fetching reactions when a message is updated, updating the reactions, and observing when the user has scrolled to the end of the reaction list.

Properties

Properties	Type	Description
`messageObject`	CometChat.BaseMessage	The message for which reactions are being fetched or managed.
`reactionListStyle`	object	Styling property to customize the appearance of the reactions list component.
`avatarStyle`	object	Styling property to customize the appearance of the avatar component.
`listItemStyle`	object	Styling property to customize the appearance of the list item component.
`reactionsRequestBuilder`	CometChat.ReactionsRequestBuilder	The request builder for fetching reactions. If not provided, a new one is created with a default limit.
`loadingIconURL`	string	URL for the loading icon.
`errorIconURL`	string	URL for the error icon.
`reactionItemClicked`	function	A function that handles the click event on the reaction list items. It can be used to remove a reaction.

Usage

<CometChatReactionList
  messageObject={messageObject}
  reactionListStyle={reactionListStyle}
  reactionsRequestBuilder={reactionsRequestBuilder}
  loadingIconURL={loadingIconURL}
  errorIconURL={errorIconURL}
  avatarStyle={avatarStyle}
  listItemStyle={listItemStyle}
  reactionItemClicked={reactionItemClicked}
/>

Styles

ReactionListStyle

Attributes	Type	Description
`height`	string	The height of the reaction list component.
`width`	string	The width of the reaction list component.
`borderRadius`	string	The border radius of the reaction list component.
`background`	string	The background color of the reaction list component.

AvatarStyle

Attributes	Type	Description
`width`	string	The width of the avatar.
`height`	string	The height of the avatar.
`borderRadius`	string	The border radius of the avatar.

ListItemStyle

Attributes	Type	Description
`activeBackground`	string	The background color when the list item is active.
`hoverBackground`	string	The background color when the list item is hovered over.

​Properties

​Usage

​Styles

​ReactionListStyle

​AvatarStyle

​ListItemStyle