Skip to content

Компоненты

В рамках данной библиотеки реализовано множество компонентов, позволяющих создать приложение для чата в различных конфигурациях.

Основные компоненты

  • AudioRecorder - панель для записи голосовых сообщений
  • ButtonContextMenu - объект, являющийся триггером для вызова произвольного контекстного меню
  • ButtonEmojiPicker - кнопка, вызывающая панель выбора эмодзи
  • ButtonTemplateSelector - кнопка, вызывающая панель выбора стандартных шаблонов
  • ButtonWabaTemplateSelector - кнопка, вызывающая панель выбора расширенных шаблонов (по типу WABA)
  • ChannelSelector - селектор каналов связи для коммуникации
  • ChatInfo - информация о текущем выбранном чате
  • ChatInput - поле ввода сообщения
  • ChatList - список доступных для выбора чатов (chatItem)
  • ChatPanel - сайд-панель, отображаемая по вызову в chat-wrapper
  • Feed - контейнер для отображения объектов в виде личной или групповой переписки
  • FeedSearch - поиск по feed
  • FilePreview - предпросмотр файлов, прикрепляемых к сообщений
  • FileUploader - загрузчик файлов, прикрепляемых к сообщению
  • MessageKeyboard - экранная клавиатура с вариантами быстрого ответа на сообщение
  • SideBar - боковая панель для содержания определённой информации, кнопок
  • UserProfile - представление профиля пользователя с основными данными о нём
  • VideoRecorder - панель для записи видео-сообщений

Виды сообщений

  • AudioMessage - сообщение с прикреплённым звуковым файлом и возможностью прослушать
  • CallMessage - сообщение со статусом звонка (возможно продемонстрировать расшифровку звонка при наличии)
  • DateMessage - сообщение-контейнер для даты
  • FileMessage - сообщение с произвольным прикреплённым файлом
  • ImageMessage - сообщение с изображением
  • SystemMessage - системное сообщение для отображения некоторой важной информации
  • TextMessage - стандартное текстовое сообщение
  • TypingMessage - сообщение-контейнер для индикации набора сообщения собеседником
  • VideoMessage - сообщение с видео

Подробнее

С их актуальными внешним видом, примерами входящих данных, возможными вариантами применения можно ознакомиться подробнее в storybook