MessageListItem

Represents a single message in a message list. Can be themed with Theme.Chat.MessageListItem in Theme.

Key	Component	Condition	Description
content	div		Wrapper for message content. Displays the avatar of the author and the message in a `MessageBubble` component
media-transfer-error	styled(div)	Visible if `message.error` prop is `true`	Wrapper for message shown when message failed to be sent. Displays a `AlertSmall` icon and `MediaMessageTransferFailed` template
read-status	styled(div)		Wrapper for read status. Displays `Read` template and `Read` icon

Name	Description	Type
Content	Dynamic content store	DynamicContentStore.<MessageListItem.MessageListItemProps>
Bubble	Shortcut for MessageBubble component	MessageBubble

message: MessageState
An object which represents a single message.
showReadStatus?: boolean
Should show read status.
messageStyle?: MessageStyle
Identifies how the message should be displayed.
useFriendlyName?: boolean
An override to use the friendly name passed in member.
authorName?: string
A custom author name to be used.
avatarUrl?: string
Url to the avatar of the author.
hasMarkdownSupport?: boolean
Whether Markdown feature is enabled or not
member?: object
Object containing a pre-defined author name
member.friendlyName: string
Predefined author name.
timestampFormatter: function
A custom formatter for the message timestamp. Takes a Date argument and returns string.
focusable: boolean
Whether the the MessageListItem can be focused
updateFocus: function
A helper function to inform parent components of currently focused item