<AfterMessages>

View as Markdown

The <AfterMessages> component is rendered inside the message list container, after the last message. In the default theme, it displays typing indicators when there are other users typing in the chat.

interface AfterMessagesProps

Properties

common

: CommonChatboxProps

A collection of objects which are passed to all Chatbox theme components.

Child order

The message list uses flex-direction: column-reverse, and <AfterMessages> renders as a child of that container. This means that if you render multiple children, they appear in reverse DOM order. To display multiple children in the expected top-to-bottom order, either reverse them, or wrap them in a <div>.

Example

In the default theme, the <AfterMessages> component is implemented as follows:

AfterMessages.js
view on GitHub
JavaScript
1// loading...