Базовые поля
В основном формы ввода делятся на несколько типов.
Поля M (средние) в основном используются для второстепенных полей ввода на десктопах. Поля L используются для мобильных устройств или в качестве двухстрочных полей.
Однострочные
Подписанные
Текстовые
Состояния полей
У всех полей есть свои состояния, которые меняются в зависимости от статуса поля, наведения курсора, активности и т.д.
Общие состояния
Особые состояния с валидацией
При проверке поля иконка крестика или галочки может появиться только у однострочного инпута без иконки.
Иконка в поле
Поля ввода даты и времени
Поле с датой
Календарь
При нажатии на поле со значком даты открывается календарь.
Секция ввода времени работает следующим образом.
Выбор файла
В поле выбора файла поддерживается drag&drop. При нажатии на поле или кнопку ввода происходит открытие стандартного окна браузера для выбора файла.
Один файл
Несколько файлов
Есть два способа взаимодействия:
- После выбора файла появляется ещё одно поле выбора. Поля могут появляться друг за другом, пока не кончится лимит на добавление файлов.
- При выборе файлов, если пользователь выбирает сразу несколько, новые поля для всех выбранных файлов создаются автоматически. При нажатии на крестик поле пропадает.
Lookup
Полный список этого элемента открывается в сайдпейдже.
