Skip to content

MessageFooter

Renders the message footer (name, status, timestamp, and edited label). Uses MessageStatus for delivery/read state and MessageTimestamp for the timestamp. The "Edited" label is rendered inline here — see Message Edited Timestamp.

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

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
isMessageAIGenerated Factory function that determines whether a message is AI-generated. Read from MessageContext; the "Edited" label is suppressed for AI-generated messages. function
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. Defaults to MessageStatus. ComponentType
MessageTimestamp Component used to render the message timestamp. Defaults to MessageTimestamp. ComponentType