Поля ввода
Многострочное поле с подписью
Textarea с той же плавающей подписью, что у input-001: подпись стоит в пустом поле и уезжает в верхний край при вводе, ошибка красит рамку и подпись. Тянуть можно только по вертикали. Пара к input-001 — форма из полей и сообщения выглядит одним набором.
Что можно поменять
- label — подпись
- hint и error — строки под полем
- rows — высота в строках
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/input-034?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Компонент самодостаточен: один файл, без зависимостей, палитра в --vibeui-input-034-*. Плавающая подпись держится на :placeholder-shown, поэтому placeholder занят пробелом и в пропсах его нет; label — единственная подпись. hint — строка под полем, error её заменяет и включает aria-invalid. rows задаёт высоту в строках. Тема — light-dark() по color-scheme окружения.
Теги
- textarea
- message
- form
- field
- floating-label
- multiline
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…