clairemont-chat-kit

Clairemont Chat Kit

Streamlined chat library seamlessly integrated with Clairemont's system.

Installation

Install the package using your preferred package manager:

Using Yarn:

yarn add clairemont-chat-kit

Using npm:

npm install clairemont-chat-kit

Or Via CDN Links

<script src="https://unpkg.com/clairemont-chat-kit@0.0.24/dist/clairemont-chat-kit.umd.js"></script>
<link rel="stylesheet" href="https://unpkg.com/clairemont-chat-kit@0.0.24/dist/style.css">

How To Use

Setup in your main.js

import { createApp } from 'vue'
import App from './App.vue'
import ClairemontChatKit from 'clairemont-chat-kit'
import 'clairemont-chat-kit/dist/style.css'

createApp(App)
.use(ClairemontChatKit)
.mount('#app')

Implement the Chat Kit in your desired component

<template>
  <ClairemontChatKit/>
</template>

Demo

As of now demos might not be updated because currently integrating serverless.

HTML
Vue

Props

currentUser Object Properties

Usage Example

Here's an example of how to use the ClairemontChatKit component in your Vue.js application:

<template>
    <ClairemontChatKit
        :headerTitle="'Test'" 
        :height="'100%'"      
        :currentUser="{
            appId: '123',
            id: '1',
            name: 'Aughus Bueno',
            phone: '09XXXXXXXXX'
        }"
    />
</template>