> 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/obshie-parametry-kontrolov.md).

# Общие параметры контролов

Ряд свойств контролов имеет общую логику у всех компонентов. В этом разделе будет приведено описание данных свойств.

* *Идентификатор* 

Выступает в роли уникального идентификатора каждого контрола приложения. Также играет роль ключа компонента, под которым хранятся его данные в *<mark style="color:purple;">**state**</mark><mark style="color:purple;">.controls</mark>*

* *<mark style="color:purple;">hidden</mark>*

Скрытие элемента из UI в **runtime**. Стоит иметь в виду, что элемент полностью исключается из цикла отрисовки, соответственно, если ему была присвоена определённая логика, то в **runtime** она выполняться не будет. В **designtime** данные компоненты отображаются визуально "приглушенными"

* *<mark style="color:purple;">width</mark>* - ширина элемента
* *<mark style="color:purple;">height</mark>* - высота элемента

Свойства, определяющие линейные размеры контрола. Принимают любые [значения](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units), поддерживаемые текущей спецификацией *<mark style="color:green;">css.</mark>*

Стоит принимать во внимание, что, в зависимости от стилей позиционирования контента родительского элемента, данные свойства могут вести себя по-разному, но в рамках спецификации *<mark style="color:green;">css.</mark>*

* *<mark style="color:purple;">margins</mark>*

Внешние отступы элементов. Соответствует *<mark style="color:green;">css</mark>* свойству *<mark style="color:green;">margin</mark>*. Имеет ряд вложенных свойств:

1. *<mark style="color:purple;">**margins**</mark><mark style="color:purple;">.top</mark>* - отступ сверху
2. *<mark style="color:purple;">**margins**</mark><mark style="color:purple;">.bottom</mark>* - отступ снизу
3. *<mark style="color:purple;">**margins**</mark><mark style="color:purple;">.left</mark>* - отступ слева
4. *<mark style="color:purple;">**margins**</mark><mark style="color:purple;">.right</mark>* - отступ справа

Свойства принимают любые [значения](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units), поддерживаемые текущей спецификацией *<mark style="color:green;">css</mark>*

Например: *<mark style="color:green;">100px</mark>*, *<mark style="color:green;">100%</mark>*, *<mark style="color:green;">100rem</mark>*, *<mark style="color:green;">100em</mark>*, *<mark style="color:green;">100vh</mark>*, *<mark style="color:green;">100vw</mark>*, *<mark style="color:green;">auto</mark>*

* *<mark style="color:purple;">paddings</mark>*

Внутренние отступы элементов. Соответствует *<mark style="color:green;">css</mark>* свойству *<mark style="color:green;">padding</mark>*. Имеет ряд вложенных свойств, идентичных *<mark style="color:purple;">margins.\*</mark>*

* *<mark style="color:purple;">childs</mark>*

Список **id** дочерних компонентов контрола. Есть возможность "перетаскивать" UI элементы в данном поле, для изменения их порядка отображения в родительском компоненте.