Getting Started

Before using the Kite Chat component add the following snippet inside the <head> section of your website:

<script type="module" src="https://unpkg.com/@pragmasoft-ukraine/kite-chat-component/dist/kite-chat-component.mjs"/>

This script tag will make the kite-chat component available for use in your application.

To create Kite Chat wiget add the following to the <body> section:

<kite-chat></kite-chat>

If installed properly, you should see the chat icon in right corner of your website similar to below:

You can add messages to chat using the kite-msg element:

<kite-msg>Your message</kite-msg>

Example:

<kite-chat>
    <kite-msg>Hi</kite-msg>
    <kite-msg status="read">Hello</kite-msg>
</kite-chat>

You can add files to message using the kite-file element:

<kite-file
    name="your file name"
    src="path/to/file"
/>

Example:

<kite-msg>
    <kite-file
        name="kite-chat.txt"
        src="data:text/plain;base64,8J+qgUtpdGUgY2hhdCB3ZWIgY29tcG9uZW50"
    />
</kite-msg>