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

# Чипсы

![](https://899924798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzcMn1glkgcrvuggFcDlD%2Fuploads%2FRXR4QQ1FpPN53JoZysVf%2Fchips.png?alt=media\&token=7f279d93-68d7-47d0-a042-018b06b4335b)

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

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

* *<mark style="color:purple;">items</mark>* - список значений элементов. Содержит следующие поля:
  * **id** - уникальный id элемента. При создании нескольких элементов с одинаковым **id** события *<mark style="background-color:purple;">onSelect</mark>* и *<mark style="background-color:purple;">onRemove</mark>* будут срабатывать на все элементы с данным **id**
  * **title** - текст отображаемый в теге
* *<mark style="color:purple;">value</mark>* - список выбранных значений элементов. Содержит следующие поля:
  * **id** - id выбранного элемента
  * **title** - текст выбранного элемента. Не влияет на отображение
* *<mark style="color:purple;">chipsColor</mark>* - выбор цвета тегов
* *<mark style="color:purple;">vertical</mark>* - теги будут отображены в вертикальном порядке

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

* *<mark style="background-color:purple;">onSelect</mark>* - событие срабатывает при клике на тег и добавление значения в список *<mark style="color:purple;">value</mark>*
* *<mark style="background-color:purple;">onRemove</mark>* - событие срабатывает при клике на тег и удалении значения из списка *<mark style="color:purple;">value</mark>*