0.0.53 • Published 2 years ago

guest-chat-lib v0.0.53

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

Guest Chat Lib

Streamlined client guest chat library

Installation

Install the package using your preferred package manager:

Using Yarn:

yarn add guest-chat-lib

Using npm:

npm install guest-chat-lib

Setup in your Vue application

Setup in your main.js

import { createApp } from 'vue'
import App from './App.vue'
import GuestChatLib from 'guest-chat-lib'
import 'guest-chat-lib/dist/style.css'

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

Implement the guest-chat-lib in your desired component

<template>
    <GuestChatLib />
</template>

CDN Links are also available

Here's how you will set up:

<head>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="https://unpkg.com/guest-chat-lib@<version-here>/dist/guest-chat-lib.umd.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/guest-chat-lib@<version-here>/dist/style.css"/>
</head>
<body>
    <div id="app">
        <guest-chat-lib />
    </div>

    <script>
        Vue.createApp({}).use(GuestChatLib).mount('#app')
    </script>
</body>

Props

Here are the available props that help you customize your Guest Chat widget

apikey: String (required)
primaryColor: String (optional)
secondaryColor: String (optional)
waitingDisplayMessage: String (optional)
appHeader: String (optional)

Example:

<template>
    <GuestChatLib 
        apikey="your-api-key-here"
        primaryColor="#158DE8"
        secondaryColor="#BBDEFB"
        appHeader="Customer Support"
        waitingDisplayMessage="Please be aware that it might take a while to connect with support as there may be a queue. We appreciate your patience."
    />
</template>

Demo

Here's the list of available demos.

HTML Vue

0.0.53

2 years ago

0.0.51

2 years ago

0.0.52

2 years ago

0.0.47

2 years ago

0.0.48

2 years ago

0.0.49

2 years ago

0.0.5

2 years ago

0.0.44

2 years ago

0.0.45

2 years ago

0.0.46

2 years ago

0.0.42

2 years ago

0.0.43

2 years ago

0.0.41

2 years ago

0.0.40

2 years ago

0.0.39

2 years ago

0.0.38

2 years ago

0.0.37

2 years ago

0.0.36

2 years ago

0.0.35

2 years ago

0.0.34

2 years ago

0.0.33

2 years ago

0.0.32

2 years ago

0.0.31

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago