Messenger

CSMessengerContactList

Поиск, список контактов, presence, последнее сообщение и счётчик непрочитанного.

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

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

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

Андрей

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

07:51

Андрей

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

07:51

Андрей

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

07:52

Андрей

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

08:01

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

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

<CSMessengerContactList
  :contacts="contacts"
  :active-contact-id="activeContactId"
  @select="openConversation"
/>

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