Features Guide

Features Guide (built using CometChat UI Kit) is a guide for implementing features on top of our uikit.

Features

• Exclude any pre-defined message type
• Custom message type & Custom bubble implemetation (i.e. Payment, Bitly, tinyURL Gyphycat, Gphy, Stipop, Tenor Reminder Live streaming)
• Custom view for each bubbles (Rich media preview)
• Message alignment (leftAligned / standard)
• Exclude any pre-defined message options
• Custom loading state
• Custom empty state
• Custom error state
• Custom message option - (pin message, save message, report message, message information)
• Custom implementation of pre-defined message option
• Theme
• Custom sound for incoming message

Extensions

Pin Message | Rich Media Preview

---

Prerequisite

1. To run this app, you must have the Node Package Manager (NPM) and Angular CLI already installed and setup . If you don't, this documentation will help you in setting up NPM and Angular CLI Angular - Setup Development Environment (For Windows) and Angular - Setup Development Environment (For Mac)

2. To run this app, you must create an account with CometChat . If you don't have an account, you can create one from CometChat Dashboard.

3. Create a new App in your cometchat account and obtain your App ID, Auth Key and Region.

Usage

1. Download the example or clone the repo
2. Navigate to the features-guide/src/CONST directory and replace APP_ID, REGION and AUTH_KEY with your CometChat App ID, Region and Auth Key in CONSTS.ts file

    npm install
    ng serve

or :

---

Troubleshooting

• To read the full documentation on UI Kit integration visit our Documentation.

• Facing any issues while integrating or installing the UI Kit please connect with us via real time support present in CometChat Dashboard.

Contact 📪

Contact us via real time support present in CometChat Dashboard.