Customizing React UI
Swap out MinChat React UI comnponents with your own.
MinChat provides the capability to substitute parts of the User Interface (UI) with your own by passing down render functions. This feature empowers you to modify, personalize, and conceal certain UI elements, thereby enabling you to customize the chat experience to suit your website's needs.
Functionality Customization
Hide File Attachment Button
the showAttachButton
property is used to show or hide the file attachment button on the left of the message input. The default value is true
.
Hide Send Button
The showSendButton
property is used to show or hide the send button on the right of the message input. The default value is true
.
Disable Message Input
The disableInput
property is used to disable the message input field and not allow anything to be typed or sent. The default value is false
.
UI Customization
Height
The height
property is used to determine the height of the MinChat UI in CSS. the default value is 100vh
Theme
The theme
property is used to set the color scheme of the MinChat User Interface (UI). It takes a CSS color code as its value.
Render Chat List
Render Chat Item
Render Empty Chats
Render Chat List Header
Render Loader
Render Message List
Render Empty Messages
Render Input
Render Message List Header
Render Is Typing
Last updated