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

# Вкладки

![](https://899924798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzcMn1glkgcrvuggFcDlD%2Fuploads%2FIhUqoB0DoTmBzmkthChu%2Fimage.png?alt=media\&token=ee5e0e68-ed86-4a7f-b5e0-e21691a8213f)

Компонент для динамичного отображения разных экранов/страниц/вкладок с контентом.

Свойства:

* *<mark style="color:purple;">currentTabId</mark>* - идентификатор текущей активной вкладки
* *<mark style="color:purple;">tabs</mark>* - список вкладок и их настройки
  * *<mark style="color:purple;">id</mark>* - идентификатор вкладки
  * *<mark style="color:purple;">title</mark>* - подпись, отображаемая в заголовке конкретной вкладки
  * *<mark style="color:purple;">hidden</mark>* - параметр, отвечающий за скрытие заголовка вкладки. Только скрывает заголовок вкладки из UI. Не препятствует отрисовке содержимого вкладки
  * *<mark style="color:purple;">icon</mark>* - параметр, отвечающий за отображение иконки в заголовке вкладки
  * *<mark style="color:purple;">iconColor</mark>* - цвет иконки вкладки

{% hint style="info" %}
С помощью вкладок возможно эмулировать страницы приложения. Так, в рабочем пространстве между шапкой и футером можно добавить компонент вкладок, наполнить их содержимое в соответствии с макетами отображаемых страниц, а затем скрыть все заголовки вкладок. Таким образом, изменяя  параметр *<mark style="color:purple;">currentTabId</mark>* компонента (через запросы **API**, либо через **local\_event**) можно эмулировать навигацию приложения по разным страницам.

При проектировании интерфейса с помощью данного компонента, следует принимать во внимание, что компоненты в неактивных вкладках в процессе отрисовки не участвуют, соответственно события таких компонентов отрабатывать не будут.
{% endhint %}