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
| Prop | Description | Type |
|---|---|---|
message | Message object. | Message type |
deliveredToCount | Number of members the message was delivered to. | number |
readBy | Read state for the message. | boolean | number |
MessageStatus renders only the delivery/read state icons. The timestamp is rendered separately by MessageTimestamp inside MessageFooter.