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 formattedDate when you need full control over timestamp text.
  • Keep showMessageStatus behavior aligned with message ownership rules.
  • Avoid expensive logic in custom footer components.
  • Keep read receipts consistent with your product's privacy settings.

Props

PropDescriptionType
dateTimestamp shown in the message footer.string | Date | undefined
formattedDateAlready formatted date to display instead of computed timestamp.string | Date | undefined
alignmentSets whether the message aligns left or right in the list. Defaults to 'right'.enum('right', 'left')
lastGroupMessageWhether or not this is the last message in a group of messages.boolean
membersMembers of current channel. Returns only up to 100 members; use client.queryMembers() for larger channels.object
messageMessage object.Message type
otherAttachmentsAll attachments except file and image.array
showMessageStatusWhen false, message status (read receipt, pending indicator) isn't rendered. Defaults to true for messages sent by the current user.boolean

UI Component Props

PropDescriptionType
MessageStatusComponent used to render delivery/read state and timestamp. Defaults to MessageStatus.ComponentType
Previous
MessageHeader
Next
MessageTextContainer