Input

Описание

Input — это элемент пользовательского интерфейса, который позволяет пользователям вводить данные в приложение. Используется для сбора ввода от пользователей, таких как текстовые данные, числа или выбор из списка.

Свойства

Базовые/Basic

Название
Описание

Значение по умолчанию / Default Value

Задает вариант, который будет выбран по умолчанию при первом отображении. Укажите значение, соответствующее одному из доступных вариантов, чтобы задать начальное состояние

Место для размещения / Placement

Указывает, где должно отображаться выпадающее меню с предложениями относительно текстового поля ввода

Этикетка/Label

Название
Описание

Текст / Text

Определяет название компонента

Всплывающая подсказка / Tooltip

Отображает дополнительную информацию при наведении

Позиция / Position

Устанавливает расположение метки относительно компонента

Выравнивание / Alignment

Определяет способ выравнивания текста метки

Ширина / Width

Задаёт ширину метки в процентах или пикселях

Взаимодействие/Interaction

Название
Описание

Обработчики событий / Event handlers

Добавьте обработчики, чтобы реагировать на изменения состояния компонента

Выключить / Disable

Введите "true", чтобы выключить компонент

Раскладка/Layout

Название
Описание

Скрыть / Hide

Указывает, должен ли компонент быть скрытым в интерфейсе

Дополнительно/Advanced

Название
Описание

Значок префикса / Prefix Icon

Графический элемент, который отображается перед числовым полем ввода

Суффиксный значок / Suffix Icon

Графический элемент или значок, отображаемый после поля ввода

Показать счет / Show Counter

Опция, позволяющая отображать количество введенных символов

Показать кнопку очистки / Show Clear Button

Добавляет кнопку, позволяющую быстро удалить все содержимое из поля ввода, возвращая его в исходное пустое состояние

Только для чтения / Read-Only

Устанавливает текстовую область в режим только для чтения, предотвращая изменение текста пользователем

Валидация/Validation

Название
Описание

Обязательное поле / Required

Включает проверку, что поле не может оставаться пустым при отправке формы

Показать проверку пустого значения / Show empty value

Активирует отображение ошибки при попытке отправить форму с пустым значением

Тип текста / Text Type

Определяет тип данных, которые ожидается ввести в поле. Варианты могут включать текст, электронную почту, пароль, URL и т.д., обеспечивая соответствующую валидацию и ввод

Минимальная длина / Minimum Length

Устанавливает минимальное количество символов, которое пользователь должен ввести

Максимальная длина / Maximum Length

Ограничивает максимальное количество символов, которое пользователь может ввести в поле

Пользовательское правило / Custom rule

Позволяет задать собственное условие валидации для проверки введённых данных

Стили/Style

Настройки стилей описаны в разделе Настройка стилей компонентов

Идентификаторы компонентов/Component Identifiers

Название
Описание

Имя класса CSS / CSS Class Name

Позволяет добавить компонент в класс, чтобы стилизовать группу элементов

Индивидуальный идентификатор / Unique Identifier (ID)

Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент

Предотвратить перезапись стилей / Prevent Style Override

Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления

Last updated