MessageFooter
Renders the message footer (name, status, timestamp, and edited label). Uses MessageStatus for status/timestamp output.
Best Practices
- Keep footer content minimal to reduce visual noise.
- Use
formattedDatewhen you need full control over timestamp text. - Keep
showMessageStatusbehavior aligned with message ownership rules. - Avoid expensive logic in custom footer components.
- Keep read receipts consistent with your product's privacy settings.
Props
| Prop | Description | Type |
|---|---|---|
date | Timestamp shown in the message footer. | string | Date | undefined |
formattedDate | Already formatted date to display instead of computed timestamp. | string | Date | undefined |
alignment | Sets whether the message aligns left or right in the list. Defaults to 'right'. | enum('right', 'left') |
lastGroupMessage | Whether or not this is the last message in a group of messages. | boolean |
members | Members of current channel. Returns only up to 100 members; use client.queryMembers() for larger channels. | object |
message | Message object. | Message type |
otherAttachments | All attachments except file and image. | array |
showMessageStatus | When false, message status (read receipt, pending indicator) isn't rendered. Defaults to true for messages sent by the current user. | boolean |
UI Component Props
| Prop | Description | Type |
|---|---|---|
MessageStatus | Component used to render delivery/read state and timestamp. Defaults to MessageStatus. | ComponentType |