LMChatroomSearch

LMChatroomSearch renders the chatroom search UI for LikeMinds Chat SDK. It is a standalone component which handles search and listing of the chatroom. It accepts a prop onCloseSearch calling which will close the chatroom search UI.

Props

Property	Type	Description	Optional
onCloseSearch	ZeroArgVoidReturns	Function to close the search.

CSS Classnames

Classname	Description
lm-chatroom-search	Container or element for lm chatroom search
lm-chatroom-search-go-back-icon	Container or element for lm chatroom search go back icon
lm-cursor-pointer	Container or element for lm cursor pointer
lm-chatroom-search-input	Container or element for lm chatroom search input
lm-chatroom-search-input-field	Container or element for lm chatroom search input field
lm-chatroom-search-list	Container or element for lm chatroom search list
lm-chatroom-search-list-item lm-cursor-pointer	Container or element for lm chatroom search list item lm cursor pointer
search-chatroom-member-icon	Container or element for search chatroom member icon
search-chatroom-content	Container or element for search chatroom content
search-chatroom-user-meta	Container or element for search chatroom user meta
search-chatroom-message	Container or element for search chatroom message

Example

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

.lm-chatroom-search-input-field {
  font-size: 18px;
  color: "red";
}

Reference

For reference checkout this file