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

ChatComponent

Represents the Kendo UI Chat component for Angular.

Example
View Source
Edit In Stackblitz  
Change Theme:

Selector

kendo-chat

Inputs

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.

Events

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.