> 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/derevo.md).

# Дерево

![](https://899924798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzcMn1glkgcrvuggFcDlD%2Fuploads%2FyvE6EA552aWaLpXJiUI9%2Ftree.png?alt=media\&token=8c4c9ef9-7c82-4750-ac10-6a424e4fece7)

Компонент для создания списка.

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

* *<mark style="color:purple;">multiselect</mark>* - возможность выделить несколько элементов с зажатой клавишей **ctrl**
* *<mark style="color:purple;">scrollToSelected</mark>* - прокручивает список до выделенного элемента
* *<mark style="color:purple;">invertableSelection</mark>* - повторный клик по выбранному элементу снимет выделение
* *<mark style="color:purple;">value</mark>* - список элементов дерева. Содержит следующие поля:
  * *<mark style="color:purple;">title</mark>* - заголовок элемента можно ввести обычное имя или вставить форматированный текст, подробнее свойствах компонента описано [здесь](/ui-konstruktor-oktell/kontroly/tekst-html.md)
  * *<mark style="color:purple;">isSelected</mark>* - выделить элемент
  * *<mark style="color:purple;">icon</mark>* - выбрать иконку рядом с заголовком
  * *<mark style="color:purple;">childs</mark>* - создать поддерево, поля идентичны полям элемента *<mark style="color:purple;">value</mark>*

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

* *<mark style="background-color:purple;">onKeyDown</mark>* - событие срабатывает при нажатии клавиш