TextArea
Быстрый старт
- Uncontrolled
- Controlled
Управление внешним видом
Внешний вид компонента зависит от свойств appearance, view, size:
- Appearance
- View
- Size
Для appearance="clear" есть возможность отобразить разделитель с помощью hasDivider
Размеры компонента
Высоту и ширину можно регулировать с помощью свойств height и width,
указав значения в rem или соответствующие свойствам css значения.
height и width отвечают за всю высоту и ширину компонента.
Свойства rows и cols указываются в абсолютных единицах, отвечают за фиксированное количество строк и столбцов.
Autoresize
Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра value).
Для этого необходимо использовать свойство autoResize.
Свойства minAuto, maxAuto указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк.
Подсказки
Для вывода подсказки снизу от поля используйте свойство leftHelper и/или rightHelper,
для подсказки в виде Tooltip - hintText, для подсказки сверху справа - titleCaption:
Обязательность поля
Наличие индикатора регулируется свойством hasRequiredIndicator.
Обязательность поля задаётся с помощью свойства required.
Если поле является обязательным, то у компонента появляется специальный индикатор.
Изменить расположение индикатора можно с помощью свойства requiredPlacement, которое принимает значения left и right.
Слот для контента над вводимым текстом
Слот для контента над вводимым текстом задается с помощью свойства headerSlot:
Таблица свойств
Clear (DEPRECATED)
Свойство clear устарело. Используйте вместо этого appearance="clear".
На отображение TextArea влияют свойства clear и hasDivider.
При этом hasDivider не может использоваться без clear.
Свойства minAuto, maxAuto, autoResize, rows и cols, height и width игнорируются.
Высота TextArea в таком случае регулируется по длине контента внутри: