Chips
Когда использовать
Используйте Input Chips для возможности ввода одного или более элементов.
Описание работы
Ввод данных
После активации поля (кликом на форму ввода) пользователь может ввести значения с клавиатуры. Как только он нажимает Enter, Tab, , (запятую) или покидает поле, значение автоматически преобразуется в чипс.

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

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

Last updated
Was this helpful?