Chips Select

Когда использовать

Используйте Input Chips для выбора одного или более элементов из списка.

Описание работы

Ввод данных

После активации поля (кликом на форму ввода) пользователю становится доступен выпадающий список с предопределёнными значениями. По мере ввода текста список автоматически фильтруется. Пользователь может выбрать один или несколько элементов. Самостоятельный ввод произвольных значений не предусмотрен.

Удаление данных

Пользователь может удалить ранее добавленные чипсы вручную. Для этого необходимо нажать на иконку удаления (крестик), расположенную внутри каждого чипса. Нажатие иконки очистки инпута приведёт к удалению всех чипсов.

Переполнение данных

Если количество чипсов превышает доступную ширину или высоту поля, лишние элементы автоматически скрываются и заменяются троеточием (…). При наведении курсора на троеточие отображается подсказка (hint), содержащая скрытые значения, перечисленные через запятую. При необходимости компонент можно вручную «развернуть» с помощью функции ресайза — это даст возможность увидеть полный список чипсов внутри поля.