Messenger

CSMessenger

Двухпанельный UI мессенджера со списком диалогов, сообщениями и отправкой текста.

Предпросмотр

Интерактивный компонент

Демонстрация: CSMessengerЛокальные данные · без авторизации и backend

Андрей

Добро пожаловать в открытую линию компании «CAS-soft». Техническая поддержка работает с понедельника по субботу, с 9:00 до 18:00 по московскому времени.

07:51

Андрей

Продолжая общение в этом чате, вы даете согласие на обработку персональных данных.

07:51

Андрей

Специалист: Здравствуйте, вы оставляли заявку на презентацию Брокси для агентств недвижимости на сайте, все верно?

07:52

Андрей

Специалист: Вы ищите приложение для агентства недвижимости? Может, у вас есть какие-то критерии для приложения?

08:01

Использование

Vue · публичный API CS UI Kit

<CSMessenger
  v-model:active-contact-id="activeContactId"
  v-model:search-query="searchQuery"
  :contacts="contacts"
  :messages="messages"
  @send="sendMessage"
/>

Пример использует компонент библиотеки. Подключите Nuxt-модуль `@cassoft-support/cs-platform-ui-kit/nuxt` или импортируйте компонент из публичного package entry.