Chat Ancillary Components

Chat ancillary components are supporting elements that contribute to the holistic experience and cohesion of a conversation framework.

Usage
Code

There are 4 chat ancillary components - Chat Separator for Date, Chat Separator for Unread Messages, Chat Separator for New Messages and Typing Indicator.

Chat Separator

Date

The date separator shows the date of a conversation.

Chat Separator - Date Chat Separator - Date


Unread Messages

The unread messages separator displays the total count of unread messages and serves as a quick navigation link, directing you to the oldest unread message when clicked.

Chat Separator - Unread Messages Chat Separator - Unread Messages


New Messages

The new messages separator marks your new messages.

Chat Separator - New Messages Chat Separator - New Messages


Typing Indicator

Typing indicator displays who is typing.

Typing Indicator Typing Indicator


Usage

Overflow in Typing Indicator

It is recommended to display up to three names in the typing indicator. For more than three, show two names followed by “and others typing.”

 Three [Left] and More than three [Right] Three [Left] and More than three [Right]


New Message Disappearance

The “New Message” separator disappears when navigating away from and returning to the conversation page.


Was this page helpful?