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



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


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:

  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


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
  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: