# MessageDeleted

Renders a deleted message inside [`MessageList`](https://getstream.io/chat/docs/sdk/react-native/v8/ui-components/message-list/). This is the default component for the [`MessageDeleted`](https://getstream.io/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](https://getstream.io/chat/docs/sdk/react-native/v8/contexts/message-context#alignment) and [`groupStyles`](https://getstream.io/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 |

---

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/).