CoreInput
Примеры использования и документация.
Основное текстовое поле формы: подпись, сообщение об ошибке и подсказки автозаполнения — пользователь заполняет данные без догадок и сразу видит, что исправить. Берите для текста, почты, пароля, телефона, ссылки и поиска; числа — CoreNumberField/CoreMoneyInput (v-model здесь строковый).
Технические детали: нативный <input> со всеми текстовыми type, размерами sm/md/lg и состояниями disabled/readonly; label связывается с input через id (без пропа генерируется, связка CoreFormGroup ↔ labelFor), describedBy → aria-describedby, error → aria-invalid + сообщение role="alert" под контролом. Слоты #leading/#trailing (или шорткат icon) — зоны по краям, отделённые от текста вертикальной границей; клик по зоне фокусирует поле, пустой слот зону не рисует (v-if-комментарии и пробельные текстовые узлы считаются пустотой). flow — анимированный градиент всего поля: рамка, разделители, иконка из пропа icon и текст значения/плейсхолдера переливаются; градиентный текст рисует скрытое зеркало над полем (Chrome не применяет background-clip: text к input) — оно повторяет горизонтальный скролл длинных значений и отключено для пароля (приватность), иконки из слотов остаются обычными. Цвета — пара --input-flow-a/-b, полная замена — --input-flow-image; prefers-reduced-motion останавливает анимацию градиента.
Обязательное поле
значение: «—» — очистка кнопкой в поле
Введите email и нажмите на иконку отправки