MessageDeleted
Renders a deleted message inside MessageList. This is the default component for the MessageDeleted prop.
Best Practices
- Keep deleted message UI subtle to avoid noise.
- Use
groupStyleandalignmentto 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 and 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. |
ComponentType |