# MessageDeleted

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

## Best Practices

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

## Props

| Prop         | Description                                                                                                                                                                                                                                                                                                             | Type                    |
| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |
| `date`       | Timestamp shown in the deleted message footer.                                                                                                                                                                                                                                                                          | `string` \| `Date`      |
| `groupStyle` | Group style derived from [alignment](/chat/docs/sdk/react-native/contexts/message-context#alignment/) and [`groupStyles`](/chat/docs/sdk/react-native/contexts/message-context#groupstyles/), for example `left_bottom`, `left_single`, `right_top`. This controls the border radius for the deleted message container. | `string`                |
| `alignment`  | Sets whether the message aligns left or right in the list. Defaults to `'right'`.                                                                                                                                                                                                                                       | `enum('right', 'left')` |
| `message`    | Message object.                                                                                                                                                                                                                                                                                                         | `Message` type          |

## UI Component Props

| Prop            | Description                                                                                                                                        | Type            |
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- |
| `MessageFooter` | Footer component rendered below deleted message content. Defaults to [`MessageFooter`](/chat/docs/sdk/react-native/ui-components/message-footer/). | `ComponentType` |


---

This page was last updated at 2026-07-10T16:05:11.225Z.

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