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 |