Tencent Cloud Chat Common Widgets

Introducing the Common Widgets collection, an essential part of the Tencent Cloud Chat UIKit, designed to provide you with a set of versatile and reusable components.

These components are engineered to automatically adapt to both mobile and desktop environments, ensuring a consistent and responsive user interface across platforms.

To streamline the development process and maintain UI consistency throughout your chat applications, we have made all our internal common components available for you to use.

By leveraging these pre-built widgets, you can significantly reduce development time and effort while maintaining a professional and cohesive appearance in your applications.

The required plugins for integration are:

• tencent_cloud_chat_common
• tencent_cloud_chat_conversation
• tencent_cloud_chat_message
• tencent_cloud_chat_contact
• tencent_cloud_chat_sticker
• tencent_cloud_chat_message_reaction
• tencent_cloud_chat_text_translate
• tencent_cloud_chat_sound_to_text
• tencent_cloud_chat_push
• tencent_calls_uikit

For the integration method, please refer to github demo.

To integrate the old version of WeChat style UI, please integrate tencent_cloud_chat_uikit, you can refer to github demo.

Usage Examples

Here are a few examples of how you can utilize these common widgets in your application:

• TencentCloudChatAvatar: This is an Avatar component that you can use to display user or group avatars.
• TencentCloudChatOperationBar: This is a configurable operation bar component that you can customize to suit your application needs.

And many more components are available for you to explore and integrate into your chat applications.

Desktop-Specific Components

In addition to the common components, we also provide a set of desktop-specific components. These components are designed to cater to desktop interactions, offering a more tailored user experience on desktop environments. For instance:

• TencentCloudChatDesktopPopup.showColumnMenu: This is a vertical menu component, typically used for context menus.
• TencentCloudChatDesktopPopup.showSecondaryConfirmDialog: This is a secondary confirmation dialog component, used when you need user confirmation for actions such as deleting a message.
• TencentCloudChatDesktopPopup.showPopupWindow: This component displays a movable modal window.
• TencentCloudChatDesktopPopup.showMedia: This is a full-screen media preview component for images, videos, and more.
• TencentCloudChatDragArea: This component provides a drag area for desktop applications.

These are just a few examples of the many components available in the Tencent Cloud Chat UIKit. Feel free to explore these and many other components to create a truly engaging and user-friendly chat application.

If you have any questions or need further information, feel free to reach out us.

• Telegram
• X (Twitter)