MessageStatus

Renders message status (read receipts, pending indicator, etc.) inside MessageList. This is the default component for the MessageStatus prop.

Best Practices

  • Respect privacy expectations before showing read receipts.
  • Keep status indicators subtle to avoid UI clutter.
  • Avoid heavy logic in render; use message state directly.
  • Use consistent icons/colors across message states.

Props

PropDescriptionType
messageMessage object.Message type
deliveredToCountNumber of members the message was delivered to.number
readByRead state for the message.boolean | number

MessageStatus renders only the delivery/read state icons. The timestamp is rendered separately by MessageTimestamp inside MessageFooter.