Kendo UI for Angular Chat Overview
Updated on Dec 8, 2025
The Kendo UI for Angular Chat component lets end users have real-time conversations with other users, chat bots, or AI models.
The Chat component provides a rich set of features that modern chat applications use. It supports user avatars, file attachments, replies, message actions, quick suggestions, and more. You can customize the component to fit your specific needs.
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 some of the Chat key features in action, such as file attachments, speech-to-text, user avatars and status, message actions, and timestamps.
Change Theme
Theme
Loading ...
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