Початок роботи

Перед використанням компонента Kite Chat додайте наступний фрагмент в секцію <head> вашого сайту:

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

Цей скрипт зробить компонент kite-chat доступним для використання у вашому додатку.

Щоб створити віджет Kite Chat, додайте наступний фрагмент до секції <body>:

<kite-chat></kite-chat>

Якщо все встановлено правильно, ви повинні побачити іконку чату в правому куті вашого сайту, як показано нижче:

Ви можете додавати повідомлення в чат за допомогою елемента kite-msg:

<kite-msg>Текст повідомлення</kite-msg>

Приклад:

<kite-chat>
    <kite-msg>Вітаю</kite-msg>
    <kite-msg status="read">Привіт!</kite-msg>
</kite-chat>

Ви можете додавати файли до повідомлень за допомогою елемента kite-file:

<kite-file
    name="назва файлу"
    src="шлях/до/файлу"
/>

Приклад:

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