Messenger

CSMessengerConversation

Заголовок текущего разговора, история сообщений и поле ввода.

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

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

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

Андрей

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

07:51

Андрей

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

07:51

Андрей

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

07:52

Андрей

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

08:01

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

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

<CSMessengerConversation
  :contact="activeContact"
  :messages="messages"
  v-model="draft"
  @send="sendMessage"
/>

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