# MessageDeleted

Renders a deleted message inside [`MessageList`](/chat/docs/sdk/react-native/v8/ui-components/message-list/). This is the default component for the [`MessageDeleted`](/chat/docs/sdk/react-native/v8/core-components/channel#messagedeleted/) prop.

## Best Practices

- Keep deleted message UI subtle to avoid noise.
- Use `groupStyle` and `alignment` to maintain consistent bubble shapes.
- Respect `noBorder` logic for emoji-only or attachment messages.
- Show a timestamp only if it adds value to your UX.
- Avoid reintroducing actions for deleted messages.

## Props

### `date`

Timestamp shown in the deleted message footer.

| Type   |
| ------ |
| String |

### `groupStyle`

Group style derived from [alignment](/chat/docs/sdk/react-native/v8/contexts/message-context#alignment/) and [`groupStyles`](/chat/docs/sdk/react-native/v8/contexts/message-context#groupstyles/), for example `left_bottom`, `left_single`, `right_top`. This controls the border radius for the deleted message container.

| Type   |
| ------ |
| String |

### `noBorder`

Whether to show a border for the deleted message. By default:

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

| Type    |
| ------- |
| Boolean |

### `alignment`

Sets whether the message aligns left or right in the list.

| Type                  | Default |
| --------------------- | ------- |
| enum('right', 'left') | 'right' |


### `message`

Message object.

| Type           |
| -------------- |
| `Message` type |



---

This page was last updated at 2026-04-17T17:33:44.675Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v8/ui-components/message-deleted/](https://getstream.io/chat/docs/sdk/react-native/v8/ui-components/message-deleted/).