From a917f630d6e6738f99a4ba2762154e2b6cdb37a5 Mon Sep 17 00:00:00 2001 From: "prajakta.cometchat" Date: Wed, 4 Mar 2020 13:04:48 +0530 Subject: [PATCH] Update README.md --- README.md | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 12c48cc3..dfad0a26 100644 --- a/README.md +++ b/README.md @@ -72,14 +72,35 @@ CometChat.createUser(user, apiKey).then( * We have setup 5 users for testing having UIDs: `SUPERHERO1`, `SUPERHERO2`, `SUPERHERO3`,`SUPERHERO4` and `SUPERHERO5`. + ## Add UI Kit to your project After adding necessary dependancies inside you app to integrate UI Kit inside your app.Kindly follow the below steps: -1. Simply clone the UI Kit Library from reactjs-chat-uikit repository. -2. Copy the CometChat folderto your project lib folder +1. Simply clone the UI Kit Library from react-chat-uikit repository. +2. Copy the CometChat folder to your project lib folder 3. Start using CometChat Components by following the exmple code. + +### Launch UI Unified + +*UI Unified is a way to launch a fully working chat application using the UI Kit .In UI Unified all the UI Screens and UI Components working together to give the full experience of a chat application with minimal coding effort.* + + Add the following code snippet in `onSuccess` of CometChat `login`. + + ```html + import {CometChatUnified } from "./lib/cometchat"; + render() { + return ( + + ); + } + ``` +
+ + + + To read the full dcoumentation on UI Kit integration visit our [Documentation](https://prodocs.cometchat.com/docs/react-ui-kit)