Kendo UI for Angular Chat Overview
The Kendo UI for Angular Chat component allows users to engage in real-time conversations with other users, chatbots or AI models.
The Chat component provides a rich set of features used in modern chat applications. It supports displaying user avatars, file attachments, replies, messages actions, quick suggestions, and many more. The component is designed to be flexible and customizable, allowing developers to tailor the chat experience to their specific needs.
The Chat component allows the user to participate in chat sessions with other users or with chat bots.
Start Free Trial
Starting with the Q3 2025 release (
v20.0.0), the Chat component has been completely redesigned. The API is updated accordingly to support the newly introduced features.
The following example demonstrates the Chat component in action.
Key Features
- Data Binding—Configure chat messages, user avatars, file attachments, and real-time conversation settings.
- Message Attachments—Support for file attachments including images, documents, and videos, with customizable actions.
- AI and Chatbot Integrations—Integrate with AI services and other backend systems for enhanced chat capabilities.
- Message Actions—Define custom actions for messages, such as reply, edit, delete, pin and more.
- Templates—Customize the rendering of messages, attachments, and user interface elements using template features.
- Events—Handle user interactions through events like message sending, attachment uploads, and user actions.
- Keyboard Navigation—Navigate and interact efficiently using keyboard shortcuts for message composition and navigation.
- Accessibility—Full accessibility support with WAI-ARIA attributes, ensuring WCAG 2.2 AA and Section 508 compliance.
Support and Learning Resources
- Conversational UI Homepage
- Getting Started with the Kendo UI for Angular Conversational UI
- API Reference of the Conversational UI
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Video Courses
- Conversational UI Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base