TextField
Быстрый старт
- Uncontrolled
- Controlled
Управление внешним видом
Внешний вид компонента зависит от свойств appearance, view, size:
- Appearance
- View
- Size
Для appearance="clear" есть возможность отобразить разделитель с помощью hasDivider
Подсказки
Для вывода подсказки снизу от поля используйте свойство leftHelper - для подсказки слева, и rightHelper - для подсказки справа,
для подсказки в виде Tooltip - hintText, для подсказки сверху справа - titleCaption:
Когда label отсутствует или задан labelPlacement="inner", иконка подсказки по умолчанию (hintTargetPlacement="outer") отображается снаружи поля.
Чтобы расположить иконку внутри поля, используйте hintTargetPlacement="inner":
Обязательность поля
Наличие индикатора регулируется свойством hasRequiredIndicator.
Обязательность поля задаётся с помощью свойства required.
Если поле является обязательным, то у компонента появляется специальный индикатор.
Изменить расположение индикатора можно с помощью свойства requiredPlacement, которое принимает значения left и right.
Расширенные примеры
- Cleaning logic
Режим ввода (DEPRECATED)
С помощью свойства enumerationType можно вводить элементы как теги. Свойство chipType изменяет внешний вид чипа.
С помощью chipView можно задать общий вид Chip. Валидация Chip происходит с помощью функции chipValidator.
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip.