---
id: reply
title: Reply
---

import FileAttachmentIcon from '../common-content/core-components/channel/props/file_attachment_icon.mdx';
import MessageAvatar from '../common-content/core-components/channel/props/message_avatar.mdx';

import MessageProp from '../common-content/contexts/message-context/message.mdx';

import Editing from '../common-content/contexts/message-input-context/editing.mdx';
import QuotedMessage from '../common-content/contexts/message-input-context/quoted_message.mdx';

`Reply` is a default UI component for rendering preview of parent message for quoted message, within `MessageList`.

You can replace this default UI component using the `Reply` prop on [Channel](../core-components/channel.mdx) component.

```tsx
<Channel Reply={CustomReply} />
```

## Props

### <div class="description">overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#editing)</div> editing {#editing}

<Editing />

### <div class="description">overrides the value from [MessageContext](../contexts/message_context.mdx#message)</div> message {#message}

<MessageProp />

### <div class="description">overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#quotedMessage)</div> quotedMessage {#quotedmessage}

<QuotedMessage />

### <div class="description">overrides the value from [MessagesContext](../contexts/messages_context.mdx#FileAttachmentIcon)</div> FileAttachmentIcon {#fileattachmenticon}

<FileAttachmentIcon />

### <div class="description">overrides the value from [MessagesContext](../contexts/messages_context.mdx#MessageAvatar)</div> MessageAvatar {#messageavatar}

<MessageAvatar />