---
title: Usage
position: 2
seo_title: Guidelines for Using the Chat Component
seo_description: Get the knack of the Telerik and Kendo UI Chat and learn how to
  use its elements according to different types of conversations by following the
  instructions and recommendations in the user guidelines created by our
  designers.
---
## Usage Guidelines

The Telerik and Kendo UI Chat requires you to follow some basic principles when using the component.

### Quick Replies and Prompt Suggestions Length 

Quick replies and prompt suggestions are used to generate quick messages or queries. When chatting with an LLM, these messages are called prompts. Since they usually come in bulk and might take up space, try to keep their text short, concise, and straightforward. 

<DosDonts>
<Do description="Keep the length of the label within the quick replies and prompt suggestions short and concise. ">![Telerik and Kendo UI Chat used for person-to-AI model communication using prompt suggestions with short labels.](images/components-chat-quick-replies-prompt-lenght-do.png "Render Telerik and Kendo UI Chat used for person-to-AI model communication using prompt suggestions with short labels.")</Do>
<Dont description="Avoid using lengthy labels and over-describing the quick replies and prompt suggestions.">![Telerik and Kendo UI Chat used for person-to-AI model communication using prompt suggestions with long labels.](images/components-chat-quick-replies-prompt-lenght-dont.png "Do not render used for person-to-AI model communication using prompt suggestions with long labels.")</Dont>
</DosDonts>


### Collapsible Message Bubbles 

Collapsible message bubbles are a convenient solution for message bubbles that take too much vertical space, but are not of primary importance, such as prompts with larger text.

<DosDonts>
<Do description="Use collapsible message bubbles only for conversations with AI services.">![A Telerik and Kendo UI Chat displaying person-to-AI model conversation with collapsible prompt message.](images/components-chat-collapsible-message-do.png "Use collapsible prompt messages for person-to-AI model conversations only where the prompt might be long and would not need to take too much vertical space.")</Do>
<Dont description="Avoid using collapsible message bubbles in person-to-person or person-to-bot conversations, as all message bubbles are of equal importance in these types of communication.">![A Telerik and Kendo UI Chat showing a collapsible message bubble in the context of person-to-person conversation.](images/components-chat-collapsible-message-dont.png "Do not use collapsible message bubbles for messages of equal importance that should not be hidden.")</Dont>
</DosDonts>


### Message Toolbar 

Message Toolbar is commonly used below output message bubbles in the context of person-to-AI model conversation and enables users to perform quick actions over the said message&mdash;most often copy, share, or rate the AI output.

<DosDonts>
<Do description="Use the message toolbar to indicate relevant actions available for particular message bubbles that are part of a conversation with an AI model.">![A Telerik and Kendo UI Chat used for person-to-AI model conversation with a message toolbar below output message bubble.](images/components-chat-message-toolbar-do.png "Use the message toolbar below output message bubbles in the context of person-to-AI model conversation.")</Do>
<Dont description="Avoid using a message toolbar in person-to-person or person-to-bot conversations.">![A Telerik and Kendo UI Chat used for person-to-person conversation using a message toolbar.](images/components-chat-message-toolbar-dont.png "Do not use message toolbar in person-to-person conversation context.")</Dont>
</DosDonts>


### Simultaneous vs Asynchronous Communication

Unlike the person-to-bot and person-to-AI model conversations, person-to-person communication might be asynchronous, which implies using message markers such as message time and status, usually displayed upon interaction with a message.

<DosDonts>
<Do description="Use message time and status elements only for person-to-person conversations only as they are markers for asynchronous communication.">![Telerik and Kendo UI Chat showcasing message markers for asynchronous communication such as time message and status elements.](images/components-chat-communication-type-do.png "Use message markers such as time message and status for person-to-person conversation only.")</Do>
<Dont description="Avoid using elements that indicate asynchronous communication in simultaneous conversations, such as those with bots and AI models.">![Telerik and Kendo UI Chat using time message and status of prompt message in person-to-AI model conversation.](images/components-chat-communication-type-dont.png "Do not use time message and status elements in the context of simultaneous communication such as person-to-bot or person-to-AI model conversation.")</Dont>
</DosDonts>