Skip to main content

LMChannel

LMChannel renders the chatroom view of the LikeMinds Chat SDK. It is responsible for rendering the channel list and the chatroom screen. It accepts an optional prop currentChatroomId, providing which will open the chatroom with the provided chatroomId. It internally renders following components. To customize this wrapper component, you have to customise the mentioned components.

Props

PropertyTypeDescriptionOptional
currentChatroomIdnumberThe ID of the current chatroom.✔️

CSS Classnames

ClassnameDescription
lm-channel-blockMain container for channel
lm-right-panelRight sidebar panel
lm-chat-boxChat message container

Example

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

.lm-chat-box {
font-size: 18px;
color: "red";
}

Reference

For reference checkout this file