Кнопка
Отправка в композере
Кнопка отправки внутри поля ввода: выключена, пока текста нет, Enter отправляет, Shift+Enter переносит строку.
Что можно поменять
- подсказку поля — проп placeholder
- доступное имя кнопки — проп sendLabel, на кнопке остаётся стрелка
- строку подсказки и предел символов — пропы hint и maxLength
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/button-063?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Компонент самодостаточен: один файл, без зависимостей, палитра в локальных переменных --vibeui-button-063-*. Клиентский: держит текст поля, считает символы и зовёт onSend с обрезанным значением. Поле растёт по содержимому через field-sizing:content с потолком max-height, поэтому композер не скроллится с первой строки. Кнопка выключается, пока строка пуста после trim; Enter перехватывается в onKeyDown, Shift+Enter остаётся браузеру. После отправки поле очищается и фокус возвращается в него.
Теги
- button
- composer
- chat
- send
- textarea
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…