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 | Container or element for lm chat message reactions holder |
reactions-dialog | Container or element for reactions dialog |
message-reactions-members-list | Container or element for message reactions members list |
reactionHeader | Container or element for reactionHeader |
close-icon | Container or element for close icon |
reactions-selection-tabs | Container or element for reactions selection tabs |
reaction-users-list | Container or element for reaction users list |
reactionUser | Container or element for reactionUser |
userImg | Container or element for userImg |
userName | Container or element for userName |
name | Container or element for name |
remove-emoji-text | Container or element for remove emoji text |
lm-chat-message-reaction | Container or element for lm chat message reaction |
reaction-con | Container or element for reaction con |
reaction-count | Container 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