ChatComponent

Represents the Kendo UI Chat component for Angular.

Provides a conversational UI for chat-based applications. Supports message templates, attachments, localization, and user actions.

html

<kendo-chat
  [messages]="messages"
  [user]="user"
  (sendMessage)="onSendMessage($event)"
  (executeAction)="onExecuteAction($event)">
</kendo-chat>

Selector

kendo-chat

Inputs

Name	Type	Default	Description
messageBoxType	MessageBoxType	'textbox'	Determines the type of input used in the message box. Can be set to textbox for a single-line input or textarea for multi-line input (see example).
messages	Message[]		Defines the array of messages displayed in the Chat. Each message can include a timestamp for unique identification. For more information, refer to ngFor - Change Tracking.
user	User		Specifies the User instance representing the local user. The User ID is used to distinguish messages authored by the local user.

Events

Name	Type	Description
executeAction	EventEmitter<ExecuteActionEvent>	Emits when the user clicks a quick action button. The Chat internally handles known actions such as reply, openUrl, and call. The event is preventable—calling preventDefault suppresses the built-in action.
sendMessage	EventEmitter<SendMessageEvent>	Emits when the user sends a message by clicking the Send button or pressing Enter. The message is not automatically added to the messages array.