Перейти к содержимому

CoreTextarea

Примеры использования и документация.

Многострочное поле ввода для длинных свободных текстов: комментариев, описаний, ответов. Показывает подпись и понятную ошибку рядом с полем, чтобы пользователь сразу видел, что и почему нужно исправить. Используйте там, где однострочного input не хватает, а структурированный ввод избыточен.

Технические детали: значение — v-model (modelValue / update:modelValue). Нативный textarea с rows (по умолчанию 3 видимых строки) и placeholder; size (sm/md/lg) задаёт размер контрола, высоту при этом определяет rows. label рендерится <label :for>; id нативного textarea при отсутствии пропа генерируется автоматически (связка CoreFormGroup ↔ labelFor). Доступность: aria-invalid при ошибке, aria-describedby из пропа describedBy (id пояснения hint/error CoreFormGroup), ошибка выводится с role="alert". disabled/readonly — нативные атрибуты. flow — градиентная анимированная рамка (цвета темы primary/secondary, реагируют на акцент): рамка через общий класс core-ctrl-flow; градиентный текст значения/плейсхолдера рисует скрытый «зеркальный» спан поверх textarea (background-clip: text не применяется к самому textarea в Chrome), он повторяет шрифт/паддинги контрола, white-space: pre-wrap совпадает переносами, вертикальный скролл синхронизируется; caret остаётся видимым (caret-color). Reduced motion — статичный градиент.