• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Conversational UI / API / ChatComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

ChatComponent

Represents the Kendo UI Chat component for Angular.

Example
View Source
Change Theme:

Selector

kendo-chat

Inputs

NameTypeDefaultDescription

messageBoxType

MessageBoxType

input

Used to switch between a one-liner input or a textarea. (see example#toc-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.

Events

NameTypeDescription

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.

In this article

Not finding the help you need?

Contact Support