Подвал
Завершение документа или урока
Футер страницы документации или урока: карточки предыдущей и следующей главы, дата обновления, вопрос «Страница помогла?» и ссылка на исправление. Контекстные действия в колонке чтения, служебная строка тише и отдельно.
Что можно поменять
- prevLabel/prevHref и nextLabel/nextHref — соседние главы; пустой prevLabel на первой странице
- updated — реальная дата из вашей системы, не зашитая строка
- обработчик кнопок отзыва и состояния «спасибо/ошибка» подключает проект
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/footer-016?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Один файл, ноль зависимостей, клиентского JS нет. Пейджер — <nav> с двумя карточками-ссылками; пустой prevLabel оставляет только «Дальше». Кнопки отзыва — демонстрационные <button>: обработчик и состояния «отправлено/ошибка» подключает принимающий проект. Ширина колонки 46rem совпадает с колонкой чтения каркаса документации. Служебная строка — отдельная серая полоса во всю ширину. Палитра --vibeui-footer-016-*.
Теги
- footer
- docs
- pager
- prev-next
- feedback
- lesson
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…