Компонент Textarea — это многострочное поле ввода с поддержкой автоматического изменения высоты (autosize), ограничений по количеству строк, метки, описания и состояний ошибки.
- Основное назначение: ввод многострочного текста.
- Ключевые возможности:
- Автоматическое изменение высоты при вводе текста (
autosize). - Ограничение минимального и максимального количества строк.
- Ручное изменение размера при
autosize: false. - Метка (
label) и описание (description). - Состояния: нормальное, ошибка, заблокированное.
- Нестилизованный режим (
unstyled).
| Проп | Тип | По умолчанию | Описание |
|---|
modelValue | String | '' | Значение поля ввода (v-model). |
label | String | Object | | Текст метки над полем. |
description | String | Object | | Текст описания под полем. |
error | Boolean | String | Object | false | Сообщение об ошибке. Если строка — отображается под полем. |
disabled | Boolean | false | Блокирует поле ввода. |
unstyled | Boolean | false | Убирает все стили по умолчанию. |
autosize | Boolean | false | Автоматически изменяет высоту поля в зависимости от содержимого. |
minRows | Number | 2 | Минимальное количество строк при autosize: true. |
maxRows | Number | | Максимальное количество строк при autosize: true. Если не указан, высота не ограничена. |
id | String | | HTML-атрибут id. Если не указан, генерируется автоматически (textarea-{uid}). |
className | String | | Дополнительные CSS-классы для поля ввода. |
classNames | Object | {} | Объект для кастомизации внутренних классов. Ключи: root, label, labelText, wrapper, input, description, error. |
rootProps | Object | {} | Дополнительные атрибуты для корневого элемента. |
labelProps | Object | {} | Дополнительные атрибуты для элемента label. |
| Событие | Параметр | Описание |
|---|
update:modelValue | String | Вызывается при изменении значения поля. |
