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	Search container
lm-chatroom-search-go-back-icon	Back button styling
lm-cursor-pointer	Clickable element styling
lm-chatroom-search-input	Search input container
lm-chatroom-search-input-field	Search input field styling
lm-chatroom-search-list	Search results list container
lm-chatroom-search-list-item lm-cursor-pointer	Clickable search result item
search-chatroom-member-icon	Member icon styling
search-chatroom-content	Search result content container
search-chatroom-user-meta	User metadata styling
search-chatroom-message	Message preview styling

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