Components

MessageListItem

<MessageListItem {...MessageListItemProps} />

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

Component children

The following table contains a list of children.
Key Condition Type Align Description
content div Wrapper for message content. Displays the avatar of the author and the message in a `MessageBubble` component
media-transfer-error Visible if `message.error` prop is `true` styled(div) 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

Members

MessageBubble

# static readonly Bubble

Shortcut for MessageBubble component
DynamicContentStore.<MessageListItem.MessageListItemProps>

# static readonly Content

Dynamic content store

Type Definitions

# MessageListItemProps

A object properties representing a message in message list.
Properties:
Name Type Attributes Default Description
message ChatState.MessageState An object which represents a single message.
showReadStatus boolean <optional>
Should show read status.
messageStyle MessagingCanvas.MessageStyle <optional>
Identifies how the message should be displayed.
useFriendlyName boolean <optional>
true An override to use the friendly name passed in member.
authorName string <optional>
A custom author name to be used.
avatarUrl string <optional>
Url to the avatar of the author.
hasMarkdownSupport boolean <optional>
Whether Markdown feature is enabled or not
member object <optional>
Object containing a pre-defined author name
friendlyName string Predefined author name.