Textarea

Базовый с placeholder

Символов: 0

Размеры и строки

Авто-высота по контенту

Состояния

Входные параметры

ИмяТипПо умолчаниюОписание
placeholderstringundefinedПодсказка внутри поля.
size'sm' | 'md' | 'lg'undefinedРазмер поля: отступы и размер шрифта. Высота не фиксируется — она определяется числом строк (rows либо minRows/maxRows). Если не задан, берётся из C3FormField.
rowsnumber4Количество видимых строк (базовая высота).
autoresizebooleanfalseАвтоматически подстраивать высоту под контент.
minRowsnumber2Минимальная высота в строках при autoresize.
maxRowsnumberundefinedМаксимальная высота в строках при autoresize.
disabledbooleanfalseОтключает поле.
requiredbooleanfalseМаркер обязательности.
errorbooleanfalseПризнак ошибки (красная рамка).
namestringundefinedИмя поля для форм.

v-model привязывает текст через defineModel<string>().

События

  • blur — без payload. Срабатывает при потере фокуса.
  • focus — без payload. Срабатывает при получении фокуса.

Описание

Компонент C3Textarea — многострочное текстовое поле с поддержкой авто-высоты по контенту, размеров и состояний. Подходит для свободного текста: комментариев, описаний, биографий.

Включите autoresize, чтобы высота росла за контентом в пределах minRows–maxRows.

Дополнительная информация

  • Слоты отсутствуют — рендерится нативный <textarea>.
  • Авто-высота пересчитывается при вводе и при изменении значения.
  • При ошибке (собственной или из FormField) добавляется класс c3-textarea--invalid и атрибут aria-invalid="true".
  • Компонент интегрируется с C3FormField: берёт id, размер и ошибку из контекста и регистрирует геттер значения для валидации.
×