Типографика
Заголовок секции
Надзаголовок мелким uppercase акцентом, заголовок и подводка приглушённым цветом — заголовочная часть секции как один компонент. Гарнитуры, шкала размера, выравнивание и уровень заголовка (h1–h3) — пропсы; размер заголовка считается от ширины контейнера. Из него собираются секции: FAQ, тарифы, контакты, призывы.
Что можно поменять
- eyebrow, title, lede — тексты
- level — h1, h2 или h3
- size — шкала: sm, md, lg, xl
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/heading-001?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Компонент самодостаточен: один файл, без зависимостей, палитра в --vibeui-heading-001-*. level задаёт тег заголовка: h1 только для первого экрана, остальные секции — h2. size — шкала clamp в cqi (sm, md, lg, xl), align — start или center. display и font — имена гарнитур для заголовка и остального текста: компонент их не грузит, шрифт подключает страница; пусто — системный гротеск. ledeWidth — ширина подводки в символах. Цвет по умолчанию — currentColor окружения, приглушённый тон подводки считается от него; ink переопределяет.
Теги
- heading
- title
- eyebrow
- lede
- section
- typography
- text
- intro
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…