Вопросы и ответы
Вопросы из компонентов: плашка и аккордеон
Секция FAQ, собранная из компонентов каталога: плашка badge-001 над заголовком, кнопка-ссылка button-016 «задать вопрос», список вопросов — accordion-001 на нативных details/summary без JS. Две колонки от 56rem: слева заголовок, подводка и кнопка, справа аккордеон с плюсом. Ставится одной командой вместе со своими частями.
Что можно поменять
- items: question, answer
- eyebrow, title, lede
- contactLabel, contactHref
Собран из
- Нативный аккордеонaccordion-001
- Плашка состоянияbadge-001
- Кнопка-ссылкаbutton-016
- Заголовок секцииheading-001
Команда установки поставит и эти компоненты. Блок задаёт им только пропсы: их палитра и поведение — свои.
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/faq-024?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Составной блок: импортирует accordion-001, badge-001, button-016, heading-001 из @/components/vibeui/ — команда установки приносит все четыре файла. Блок владеет раскладкой (grid, две колонки по container query) и своим текстом; компонентам передаёт только пропсы (accent, items, marker, label, href), их палитры --vibeui-<name>-* не трогает. Тема — light-dark() по color-scheme окружения, tone фиксирует схему на секции; части внутри следуют ей сами.
Теги
- faq
- accordion
- questions
- composite
- badge
- button
- support
- help
- section
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…