LMMessageReactionHolder

LMMessageReactionHolder renders the reactions for each of the message UI. It is internally used under LMMessage to display the reactions given to the messages.

CSS Classnames

Classname	Description
lm-chat-message-reactions-holder	Reactions container
reactions-dialog	Reactions popup dialog
message-reactions-members-list	List of reaction users
reactionHeader	Reactions header
close-icon	Close button
reactions-selection-tabs	Reaction type tabs
reaction-users-list	Users who reacted list
reactionUser	Individual reaction user
userImg	User avatar
userName	User name display
name	Name label
remove-emoji-text	Remove reaction text
lm-chat-message-reaction	Message reaction button
reaction-con	Reaction counter
reaction-count	Number of reactions

Example

To customise the component with their classnames, Open your base css file and override the styles using the classname

.userName {
  font-size: 18px;
  color: "red";
}

Reference

For reference checkout this file