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

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.

noBorder

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

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

alignment

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

message

Message object.