syncfusion-vue-chat-ui
Syncfusion Vue Chat UI Component
The Syncfusion Vue Chat UI component provides a modern, feature-rich interface for building conversational applications. It supports real-time messaging, user avatars, typing indicators, file attachments, message replies, mentions, timestamps, and bot integrations.
Component Overview
The Vue Chat UI component (ejs-chatui) provides:
- Message Management: Add, update, and display messages with rich metadata (author, timestamp, status)
- User System: Define current user and other participants with avatars, names, and status indicators
- Interactive Features: Message replies, pinning, forwarding, toolbar actions, and @mentions
- File Attachments: Upload, preview, and display files with drag-and-drop support
- Templates: Customize messages, suggestions, empty states, typing indicators, attachments, and time breaks
- Events: Handle message sending, user typing, attachment uploads, mention selection, and toolbar clicks
- Accessibility: Built-in WCAG compliance, keyboard navigation, and RTL support
- Bot Integration: Connect with Microsoft Bot Framework and Dialogflow
Package: @syncfusion/ej2-vue-interactive-chat
Vue Support: Vue 3
More from syncfusion/vue-ui-components-skills
syncfusion-vue-rich-text-editor
Implements the Syncfusion Vue Rich Text Editor (ejs-richtexteditor) supporting both HTML (WYSIWYG) and Markdown editing modes via the editorMode API from @syncfusion/ej2-vue-richtexteditor. Use this skill for toolbar customization, image upload, paste cleanup, inline editing, AI assistant integration, slash menu, emoji picker, and mention support in Vue applications.
6syncfusion-vue-scheduler
Implement event scheduling, calendar views, and appointment management using Syncfusion Vue Scheduler component. Use this skill when working with calendars, event scheduling, appointment booking systems, resource management, timeline views, recurring events, drag-and-drop event handling, or any scenario involving time-based event visualization and management in Vue applications. Trigger for scheduler implementations, calendar integrations, booking systems, meeting planners, task schedulers, or resource allocation tools.
5syncfusion-vue-barcode
Create and customize barcode, QR code, and Data Matrix components using Syncfusion Vue Barcode Generator. Use this skill when implementing barcode generation, QR code creation, Data Matrix codes, export functionality, and barcode styling. Covers Syncfusion's BarcodeGenerator, QRCodeGenerator, and DataMatrixGenerator components for Vue applications (Composition API and Options API).
5syncfusion-vue-themes
Use this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfusion Vue components. Covers icon library, size modes, and Theme Studio integration.
5syncfusion-vue-common
Common utilities and features for Syncfusion Vue components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion Vue components.
5syncfusion-vue-speech-to-text
Implement the Syncfusion Vue Speech-to-Text component. Instructions for integrating voice input, real-time transcription, language configuration, programmatic control, event handling, UI customization, browser compatibility, and security considerations for microphone-enabled applications.
5