TextArea

Использование

Компонент TextArea может содержать иконку (или кнопку) справа. Для этого используйте свойство contentRight:

Live Editor

Result

Размеры компонента

Высоту и ширину можно регулировать с помощью свойств height и width, указав значения в rem или соответствующие свойствам css значения. height и width отвечают за всю высоту и ширину компонента.

Live Editor

Result

Свойства rows и cols указываются в абсолютных единицах, отвечают за фиксированное количество строк и столбцов.

Live Editor

Result

Autoresize

Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра value). Для этого необходимо использовать свойство autoResize.

Свойства minAuto, maxAuto указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк.

Live Editor

Result

Clear

На отображение TextArea влияют свойства clear и hasDivider. При этом hasDivider не может использоваться без clear. Свойства minAuto, maxAuto, autoResize, rows и cols, height и width игнорируются. Высота TextArea в таком случае регулируется по длине контента внутри:

Live Editor

Result

Подсказка

Для вывода подсказки снизу от поля используйте свойство leftHelper и/или rightHelper, для подсказки в виде Tooltip - hintText, для подсказки сверху справа - titleCaption:

Live Editor

Result