Skip to main content

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

ClassnameDescription
lm-chat-message-reactions-holderContainer or element for lm chat message reactions holder
reactions-dialogContainer or element for reactions dialog
message-reactions-members-listContainer or element for message reactions members list
reactionHeaderContainer or element for reactionHeader
close-iconContainer or element for close icon
reactions-selection-tabsContainer or element for reactions selection tabs
reaction-users-listContainer or element for reaction users list
reactionUserContainer or element for reactionUser
userImgContainer or element for userImg
userNameContainer or element for userName
nameContainer or element for name
remove-emoji-textContainer or element for remove emoji text
lm-chat-message-reactionContainer or element for lm chat message reaction
reaction-conContainer or element for reaction con
reaction-countContainer or element for reaction count

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