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.
  • Show a timestamp only if it adds value to your UX.
  • Avoid reintroducing actions for deleted messages.

Props

PropDescriptionType
dateTimestamp shown in the deleted message footer.string | Date
groupStyleGroup 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
alignmentSets whether the message aligns left or right in the list. Defaults to 'right'.enum('right', 'left')
messageMessage object.Message type

UI Component Props

PropDescriptionType
MessageFooterFooter component rendered below deleted message content. Defaults to MessageFooter.ComponentType