ChatMessage
This component is data aware
Component
The ChatMessage component is a specific message, handling message related functions such as reactions, replies, copy message, etc.
API
Import
Props
| Name | Type | Default | Description |
|---|---|---|---|
| message | [IMessage](/sdk-reference/javascript/store#message | The message to display | |
| disableReactions | boolean | false | Disable option to add reactions |
| disableAvatar | boolean | false | Hide the user’s avatar |
| disableReply | boolean | false | Disable option to reply to a message |
| disableExtras | boolean | false | Hide the extra options of a message, such as copy, edit, delete |
| renderMessage | (message: Message) => void | If provided, use this function rather than the baked in UI | |
| classNames | object | Specific class names to override bubbles. Options are | |
| onReply | (message: Message) => void | If provided, show the option to reply to the message and handle callback | |
| onEdit | () => void | Callback for editing a message | |
| onDelete | (id: string) => void | Callback for deleting a message |
Was this page helpful?