Инпут — строка для ввода данных
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/529819d378a1ba6962e4df89c8a0c32c.png)
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/ad515e08541a2dc178bb4ec6960e7df1.png)
Текстареа — область для ввода данных. Отличается от инпута размером, иногда возможностью растягиваться или скроллиться (скролл — прокрутка)
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/06748169f9077d3472df2677e2879b4d.png)
Селект — компонент, где необходимо выбрать только один вариант из списка
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/84b59d45e3263912d3a4918fa4ea7dea.png)
Мультиселект — это компонент множественного выбора
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/2094b98bf2e2c0a4db2c4ae5c983dd43.png)
Плейсхолдер — контекстная подсказка внутри инпута, текстареа, селекта и т.п., помогает пользователю понять, что тут нужно ввести/выбрать
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/7b058cf2ff22f912cc268d61b0324a4f.png)
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/8367384efff7c9ddc1ccc5ec314976b8.png)
Чекбокс — это элемент “галочка”. Чекбокс включает или выключает какую-то функцию, либо служит для выбора элементов из списка
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/cb5ca6890a30c7905f22b41afcdadd59.png)
Дропдаун — это раскрывающийся список. Встречается в селекте и мультиселекте
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/795aedca3ff0cee60d24db87caba189a.png)
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/62e0acec95f578fa55f651d26227b597.png)
Модалка — (или модальное окно) тут мы немного отходим от общепринятой терминологии. У нас модальное окно — это область, требующая отклика пользователя, то, с чем он взаимодействует сейчас. При этом не всегда оно блокирует основное приложение, например, настройки элементов находятся внутри модалки, но мы можем перемещаться по конструктору и перекликивать на другие элементы
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/cf1bf08cf32660a2e527aa35db4df477.png)
Поп-ап — всплывающее окно. Это подвид модалки, т.к. тоже требует какого-то действия от пользователя, с отличительной чертой, что всегда появляется над рабочим пространством
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/2ae82057fdf62d668302ec820e7b2783.png)
Флажок (рычаг) — тоже служит для включения или выключения какой-то функции. В нашем интерфейсе флажок всегда вызывает появление новых сущностей
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/e0d0be82eeb1d8c5047e35916fe09f79.png)
Плашка — это любой кликабельный кубик
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/236d631c01ca360e4a9219ec29b97a9f.png)
Иконка — кликабельный значок (если находится на плашке, как, например, Настройки процесса, всё равно называем иконкой)
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/4776c0092b6b463e42ff0c3824e4f6f1.png)
Связь — это линия, которая соединяет два элемента. Связи бывают дочерние — те, которые идут прямо от родительского элемента к дочернему, и недочерние — это непрямые связи, например, которые создают циклы
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/e3524414bfd730b5c4758be9471cb3fd.png)
Микроэлементы — чтобы недочерние связи не засоряли визуально конструктор, мы сворачиваем их в микроэлементы — уменьшенные копии тех элементов, к которым ведёт связь. Микроэлемент неразрывно связан со своим прототипом, поэтому если навести на него курсор, прототип и все другие микроэлементы, которые с ним связаны, подсветятся. По клику на микроэлемент можно развернуть недочернюю связь (показать её в виде стрелки), а если обновить страницу, связь свернётся обратно.
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/9416959d8b119dc11e868a11a6173cee.png)
Фейковый элемент — это пустой элемент или “плюсик”. Мы можем выбрать, какой элемент добавляем вместо фейка, через модалку или натянуть фейковый элемент на другой, создав недочернюю связь
![](https://138018.selcdn.ru/KB_images/omnideskru/11935/270548/5d43a14beae1a00b399c01a1cbc3a378.png)