Auto Complete
Описание
Auto Complete — это функциональность, которая автоматически предлагает пользователю возможные варианты ввода на основе уже введенных данных. Этот элемент интерфейса улучшает пользовательский опыт, так как позволяет быстрее и точнее вводить данные, минимизируя ошибки.
Свойства
Значок префикса / Prefix Icon
Графический элемент или значок, отображаемый перед текстовым полем
Суффиксный значок / Suffix Icon
Графический элемент или значок, отображаемый после текстового поля
Показать кнопку очистки / Show Clear Button
Добавляет кнопку для удаления текущего текста в поле ввода
Автозаполнение данных
Значение автозаполнения / Autocomplete Value
Значение, выбранное или введённое пользователем, на основании которого происходят поиск и выдача списка предложений
Искать только по метке / Search by Label Only
Установите true, чтобы ограничить поиск только метками, отображаемыми пользователю, или false, чтобы включать в поиск и другие поля, такие как ключи или описания
Искать, игнорируя регистр / Case-Insensitive Search
Установите true, чтобы поиск вариантов игнорировал регистр букв, и false, если требуется строгий учёт регистра
Проверять значение из / Checked Value From
Определяет, будут ли проверяемые значения основываться на метке (Label) или на внутреннем ключе (Key) элементов
Базовые/Basic
Значение по умолчанию / Default Value
Задает вариант, который будет выбран по умолчанию при первом отображении. Укажите значение, соответствующее одному из доступных вариантов, чтобы задать начальное состояние
Место для размещения / Placement
Указывает, где должно отображаться выпадающее меню с предложениями относительно текстового поля ввода
Этикетка/Label
Текст / Text
Определяет название компонента
Всплывающая подсказка / Tooltip
Отображает дополнительную информацию при наведении
Позиция / Position
Устанавливает расположение метки относительно компонента
Выравнивание / Alignment
Определяет способ выравнивания текста метки
Ширина / Width
Задаёт ширину метки в процентах или пикселях
Взаимодействие/Interaction
Обработчики событий / Event handlers
Добавьте обработчики, чтобы реагировать на изменения состояния компонента
Выключить / Disable
Введите "true", чтобы выключить компонент
Валидация/Validation
Обязательное поле / Required
Включает проверку, что поле не может оставаться пустым при отправке формы
Показать проверку пустого значения / Show empty value
Активирует отображение ошибки при попытке отправить форму с пустым значением
Тип текста / Text Type
Определяет, какой тип ввода ожидается, например, стандартный текст, электронная почта, URL или ввод, соответствующий регулярному выражению
Минимальная длина / Minimum Length
Задает минимальное количество символов, которое необходимо ввести, чтобы начать предоставление вариантов на автозаполнение
Максимальная длина / Maximum Length
Определяет максимальное количество символов, которое пользователь может ввести в поле
Пользовательское правило / Custom rule
Позволяет задать собственное условие валидации для проверки введённых данных
Раскладка/Layout
Скрыть / Hide
Указывает, должно ли поле автозаполнения быть скрыто в интерфейсе
Стили/Style
Настройки стилей описаны в разделе Настройка стилей компонентов
Идентификаторы компонентов/Component Identifiers
Имя класса CSS / CSS Class Name
Позволяет добавить компонент в класс, чтобы стилизовать группу элементов
Индивидуальный идентификатор / Unique Identifier (ID)
Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент
Предотвратить перезапись стилей / Prevent Style Override
Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления
Last updated