MessageList
A component representing the list of messages. Can be themed with [theme.Chat.MessageList]{@link MessageList.MessageListThemeProps}
Component children#
| Key | Component | Condition | Align | Description |
|---|---|---|---|---|
| typing-indicator | React component | Visible when one or more participants are typing and the `showTypingIndicator` prop is set to `true` | Typing indicator component. Displays `TypingIndicator` template when one participant is typing and TypingIndicatorMultiple template when multiple participants are typing | |
| Twilio-WelcomeMessage | React component | Welcome message component. Displays an icon (`MessageBold`) and a welcome message text | ||
| predefinedMessage | MessageListItem | Visible is `predefinedMessage` prop is provided | Initial message in the ChatWidget |
Static Properties#
| Name | Description | Type |
|---|---|---|
| Content | Dynamic content store | DynamicContentStore.<MessageList.MessageListChildrenProps> |
| Item | Shortcut for MessageListItem component | MessageListItem |
| WelcomeMessage | Shortcut for WelcomeMessage component | WelcomeMessage |
| defaultProps | Default properties | MessageList.MessageListChildrenProps |