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
| Property | Type | Description | Optional |
|---|---|---|---|
currentChatroomId | number | The ID of the current chatroom. | ✔️ |
CSS Classnames
| Classname | Description |
|---|---|
| lm-channel-block | Main container for channel |
| lm-right-panel | Right sidebar panel |
| lm-chat-box | Chat 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