Number input
Number input — поле ввода для цифр/чисел.
Из чего состоит
  1. Поле ввода
  2. Внешний лейбл
  3. Основной текст
  4. Описание под полем
  5. Ошибка
  6. Иконка уменьшения
  7. Иконка увеличения
Основные свойства
Тема (Theme)
Состояние (State)
Размер (Size)
Вид (View)
Форма (Form)
Отключаемые элементы
👁 Внешний лейбл (Outside Label)
👁 Описание (Description)
👁 Ошибка (Error)
Редактируемые элементы
✏️ Внешний лейбл (Outside Label)
✏️ Описание (Description)
✏️ Ошибка (Error)
Ошибка
Сообщение об ошибке появляется, когда нарушается валидация. Текст сообщения устанавливается для каждого нарушения. Одновременно может быть выведено несколько сообщений об ошибке. Каждое новое сообщение начинается с новой строки. Состояние инпута меняется на “State = Error”.
Минимальная ширина
Минимальная ширина Number input - 128 px.
По ширине контейнера
Input можно растягивать в ширину под внешний контейнер.
Значения
Нельзя вводить отрицательное значение.
Размещение
Допускается размещение нескольких полей рядом по горизонтали.