> For the complete documentation index, see [llms.txt](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/kontroly/soobsheniya.md).

# Сообщения

![](https://899924798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzcMn1glkgcrvuggFcDlD%2Fuploads%2FM8xANJiSILSaUB0eQQft%2Fmessages.png?alt=media\&token=3085dcd3-a7fe-4595-b874-090a4e4f64ff)

Компонент для создания сообщений

**Свойства:**

* *<mark style="color:purple;">scroll</mark>* - выбор положения прокрутки. Содержит следующие значения:
  * **top** - прокрутка будет установлена в начале сообщений
  * **before-top** - прокрутка в начале, но не сработает событие *<mark style="background-color:purple;">onScrollTop</mark>*
  * **bottom** - прокрутка в конце сообщений
  * **before-bottom** - прокрутка в конце сообщений, но не сработает событие *<mark style="background-color:purple;">onScrollBottom</mark>*
* *<mark style="color:purple;">eventer</mark>* - настроить звук уведомлений. Содержит следующие поля:
  * *<mark style="color:purple;">type</mark>* - тип файла, для корректной работы необходимо выбрать **/audio**
  * *<mark style="color:purple;">src</mark>* - ссылка на файл
  * *<mark style="color:purple;">title</mark>* - название файла. Не влияет на работу свойства
* *<mark style="color:purple;">list</mark>* - список элементов сообщений. Содержит следующие поля:
  * *<mark style="color:purple;">type</mark>* - выбрать тип сообщение полученное (**in**) или отправленное (**out**)
  * *<mark style="color:purple;">time</mark>* - выбор даты и времени в календаре или ввод значения в ручную в формате: **ДД.ММ.ГГГГ ЧЧ:ММ**
  * *<mark style="color:purple;">author</mark>* - имя отправителя
  * *<mark style="color:purple;">text</mark>* - настройки текста сообщения, все поля подробно описаны в компоненте [Текст/html](/ui-konstruktor-oktell/kontroly/tekst-html.md)
  * *<mark style="color:purple;">style</mark>* - выбрать цвет сообщения
  * *<mark style="color:purple;">files</mark>* - прикрепить файлы к сообщению. Содержит следующие поля:
    * *<mark style="color:purple;">type</mark>* - выбрать тип файла из предложенных вариантов **/image** или **/audio**, если ввести другой тип файла вручную, то отобразится скрепка и ссылка на его скачивание
    * *<mark style="color:purple;">src</mark>* - ссылка на файл
    * *<mark style="color:purple;">title</mark>* - название файла

**События:**

* *<mark style="background-color:purple;">onScrollTop</mark>* - событие срабатывает при достижении прокрутки начала сообщений
* *<mark style="background-color:purple;">onScrollBottom</mark>* - событие срабатывает при достижении прокрутки конца сообщений