Chat

The Chat component allows end users to communicate and exchange multimedia with other users or chatbots.

Chat Overview

The Chat component is a UI element that facilitates interactive communication within applications. It allows end-users to engage in real-time conversations and exchange messages and multimedia content with other users or chatbots. The Chat component includes a number of sub-elements that can be used to display the different chat item types and layouts.

Live Demo

Appearance

The Chat component provides built-in styling options that grant visually appealing and flexible rendering experience.

Anatomy

The anatomy of the Chat summarizes the visual and functional elements of the component. The main elements include a message list, where the message bubbles and attachments are displayed, and a message box.

The next image shows the anatomy of a Chat and includes the following elements:

A Telerik and Kendo UI Chat component and its elements
  1. Message list
  2. Message box
  3. Message stamp
  4. Message bubble
  5. Avatar
  6. Message time (displayed when a message bubble is selected)
  7. Quick reply button
  8. Message input field
  9. More options icon button
  10. Send icon button

Variants

Depending on the elements they display, the Telerik and Kendo UI Chat components can be any of the following types:

  • Chat
  • Chat with a More Options Button that displays a Toolbar
Two variants of the Telerik and Kendo UI Chat component including a simple Chat and a Chat with More Options Button
  1. Chat
  2. Chat with More Options Button that displays Toolbar

Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

Feedback