chat

Use Chat to display current or historical instant messaging chat sessions

The Chat component is used to display real-time and past chat logs between service agents and customers. It comes with a number of sub components that can be used to display the different types of chat items.

base

This component is used to display a current or past chat session between a customer and a service agent.
It appears in the form of a "Log"

Handles the display of chat items within a list

The chat payload should be displayed in the form of a list. Each item in the list has a number of vertical and horizontal spacing rules based on its type

past

Apply when displaying chat logs that appeared in the past

Past chat logs are displayed differently for ease of scanning

default

states

examples

Handles spacing and direction of items in the list