Reply

Reply renders the quoted parent message preview inside MessageList.

Best Practices

• Keep reply previews concise to avoid cluttering the message list.
• Ensure the preview clearly references the quoted message.
• Use consistent styling with the rest of message bubbles.
• Handle missing quoted messages gracefully.
• Override via the Channel prop rather than modifying internals.

Replace it via the Reply prop on Channel.

<Channel Reply={CustomReply} />

Props

editing

Defined with message type if the user is editing some message within MessageInput component else its undefined.

message

Message object.

quotedMessage

Message that is quoted to the original message

UI Component Props

FileAttachmentIcon

Renders the file icon for file attachments.

MessageAvatar

Renders the sender avatar in MessageList. Only shown for other users’ messages.