New to Kendo UI for Angular? Start a free 30-day trial

ChatComponent

Represents the Kendo UI Chat component for Angular.

Change Theme

Theme

Loading ...

Selector

kendo-chat

Name	Type	Default	Description
messageBoxType	`MessageBoxType`	`input`	Used to switch between a one-liner input or a textarea. (see example#message-box-types).
messages	`Message[]`		Sets the messages of the Chat. The message timestamp, if provided, tracks unique messages. For more information, refer to ngFor - Change Tracking.
user	`User`		Sets the `User` instance for the local user. The User ID identifies messages that are authored by the local user.

Name Type Description

Name	Type	Description
executeAction	`EventEmitter<ExecuteActionEvent>`	Fires when the user clicks a quick action button. The Chat internally handles the `reply`, `openUrl`, and `call` known actions. Emits the `ExecuteActionEvent`. The event is preventable. If `preventDefault` is called, the built-in action will be suppressed.
sendMessage	`EventEmitter<SendMessageEvent>`	Fires when the user types a message and clicks the Send button or presses Enter. Emits the `SendMessageEvent`. The message is not automatically appended to the `messages` array.


EventEmitter<ExecuteActionEvent>

Fires when the user clicks a quick action button. The Chat internally handles the reply, openUrl, and call known actions.

Emits the ExecuteActionEvent. The event is preventable. If preventDefault is called, the built-in action will be suppressed.


EventEmitter<SendMessageEvent>

Fires when the user types a message and clicks the Send button or presses Enter. Emits the SendMessageEvent.

The message is not automatically appended to the messages array.