Textarea
Базовый с placeholder
Символов: 0
Размеры и строки
Авто-высота по контенту
Состояния
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
placeholder | string | undefined | Подсказка внутри поля. |
size | 'sm' | 'md' | 'lg' | undefined | Размер поля: отступы и размер шрифта. Высота не фиксируется — она определяется числом строк (rows либо minRows/maxRows). Если не задан, берётся из C3FormField. |
rows | number | 4 | Количество видимых строк (базовая высота). |
autoresize | boolean | false | Автоматически подстраивать высоту под контент. |
minRows | number | 2 | Минимальная высота в строках при autoresize. |
maxRows | number | undefined | Максимальная высота в строках при autoresize. |
disabled | boolean | false | Отключает поле. |
required | boolean | false | Маркер обязательности. |
error | boolean | false | Признак ошибки (красная рамка). |
name | string | undefined | Имя поля для форм. |
v-model привязывает текст через defineModel<string>().
События
blur— без payload. Срабатывает при потере фокуса.focus— без payload. Срабатывает при получении фокуса.
Описание
Компонент C3Textarea — многострочное текстовое поле с поддержкой авто-высоты по контенту, размеров и состояний. Подходит для свободного текста: комментариев, описаний, биографий.
Включите autoresize, чтобы высота росла за контентом в пределах minRows–maxRows.
Дополнительная информация
- Слоты отсутствуют — рендерится нативный
<textarea>. - Авто-высота пересчитывается при вводе и при изменении значения.
- При ошибке (собственной или из FormField) добавляется класс
c3-textarea--invalidи атрибутaria-invalid="true". - Компонент интегрируется с
C3FormField: берётid, размер и ошибку из контекста и регистрирует геттер значения для валидации.