Should be concise and describe the aim of the chat module.
If needed when the title is not sufficient.
3. Incoming Message
Incoming messages are used to display a message received by the chat user. It appears to the left of the chat window and is neutral in color.
4. Outgoing Message
Outgoing messages are used to display a message sent by the chat user. It appears to the right of the chat window and its color should be chosen from the primary color palette.
5. Typing awareness indicator
An alternative version of this message exists, which is an animated bubble indicating that another user is currently typing a message. It is only used in this temporary situation to provide feedback in the discussion.
6. Message with Attachment
Whether the message is incoming or outgoing, any attachment must be shown in the bubble provided for that purpose.
7. Call to action buttons
This type of button can automatically pops when the incoming message involves an action.
On desktop, a chat module is always placed inside a card.
On mobile, this component should be full screen.