---
id: message-deleted
title: MessageDeleted
---

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

Component to render a deleted message within the [`MessageList`](./message_list.mdx).
This is the default component provided to the prop [`MessageDeleted`](../core-components/channel.mdx#messagedeleted) on the `Channel` component.

## Props

### <div class="label required">required</div> **formattedDate**

Datetime stamp to be shown in footer for deleted message.

| Type |
| - |
| string |

### <div class="label required">required</div> **groupStyle**

Group styles which is combination of [alignment](../contexts/message_context.mdx#alignment) and [groupStyles](../contexts/message_context.mdx#groupstyles)

e.g., left_bottom, left_single, right_top

This prop decides the appropriate border radius to apply for deleted message container.

| Type |
| - |
| string |

### <div class="label required">required</div> **noBorder**

Weather to show the borders for deleted message or not. By default, this value is computed as follow:

```tsx
const noBorder = (onlyEmojis && !message.quoted_message) || !!otherAttachments.length;
```

| Type |
| - |
| boolean |

<!-- ### <div class="label required">required</div> **onLayout** -->

### <div class="label description">_overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_</div> alignment {#alignment}

<Alignment />

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

<MessageProp />