Chips

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

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

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

Ввод данных

После активации поля (кликом на форму ввода) пользователь может ввести значения с клавиатуры. Как только он нажимает Enter, Tab, , (запятую) или покидает поле, значение автоматически преобразуется в чипс.

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

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

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

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

Last updated

Was this helpful?