Kendo UI for Angular
Angular Conversational UI
- Instantly add live chat or chat bot with Google DialogFlow or Microsoft Bot Framework to your Angular applications.
- Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
-
Events for Complete Conversational Control
The Kendo UI for Angular Chat component exposes a comprehensive set of events that let you react to every part of the conversation lifecycle. Handle message sending, quick actions, predefined suggestions, attachment interactions and custom toolbar or context menu actions to log activity, call external services or orchestrate complex flows while keeping the chat UI responsive and intuitive.
-
Message Actions and Status Indicators
The Angular Chat component includes built in message actions and status indicators so you can match the behavior of modern messaging apps. Configure context menu or inline actions such as reply, edit, delete or pin, and show message states like Sent, Delivered or Seen to give users clear feedback about each interaction while keeping full control over which actions are available and when.
-
AI and Chatbot Integrations
Beyond classic chatbot platforms, the Kendo UI for Angular Chat component now integrates seamlessly with modern AI and LLM services as well as traditional bot backends. You can plug the Chat into your own AI endpoint, hosted chatbot or domain specific service, handle prompt requests and responses in a single Angular service and deliver intelligent conversational experiences tailored to your data and business logic.
-
Chat UI with Support for Chat Bots
The Kendo UI for Angular Conversational UI adds a chat or chat bot interface to your Angular applications. The Angular Chat component has several integration points with chatbot APIs, including Google DialogFlow and Microsoft Bot Framework, along with a large array of configuration options to enable or disable features and even extend on top of existing functionality to add custom behavior.
-
Suggested Actions
Added in many modern chat applications or chatbot interfaces, suggested actions appear under the last message and allows users to quickly select available actions from a list instead of typing in the options manually.
-
Chat Bot Integrations
Thanks to integration capabilities with bot services like Microsoft Bot Framework and Google DialogFlow, the Kendo UI for Angular Conversational UI component can almost instantly be added to an Angular application and be up and running with a direct hook into an existing chat bot framework.
-
Message Templates
Messages within the Kendo UI for Conversational UI component can be completely customized by utilizing standard Angular templates. You can take full control over the look and feel of messages and the way they appear within the chat.
-
Message Attachments
The Kendo UI for Angular Conversational UI component allows users to add attachments, such as images, videos, or other data items, to their messages.
-
Single-Line, Text Area, or Custom Message Box
The Angular Chat component renders a single link text box for user input by default. For more complex situations, you can provide a multi-line text area or even completely customize it using ng-template.
-
Data Binding
The Kendo UI for Angular Conversational UI also allows you to bind messages to a streaming data source. This can move the Angular Chat component beyond a chatbot interface and opens up the ability to create a chat interface within any Angular applications.
-
Keyboard Navigation
With the built-in keyboard navigation feature, the Kendo UI for Angular Conversational UI component allows users to interact with and navigate through the component using just their keyboard.
-
Globalization
All built-in messages of the Kendo UI for Angular Conversational UI component can be translated to fit a user’s locale, including date formats.
-
Accessibility
The Kendo UI for Angular Conversational UI component is rated AAA with WCAG 2.0 and is Section 508 and WAI-ARIA compliant.
Get Started with Kendo UI for Angular
