К содержанию

Навигация

Примеры макетов

Выберите задачу, проверьте настоящий результат и скопируйте минимальные исходные файлы. Каждый пример показывает отдельную публичную страницу, собранную тем же PageBuilder, что и остальная документация.

Полезные Framework и project-сценарии показывают accepted form controls, install builder, product configurator и footer без backend side effects.

Страница из Composition Recipe

Сборка. Один шаблон страницы получает содержимое из файлов, а настройка выбирает компактную или расширенную шапку до создания HTML.

Компактная шапка · Расширенная шапка

Явная композиция областей

Области. Header, sidebar и outline получают зарегистрированные секции, а main — Markdown-контент.

Открыть пример

Брендированный header

Области. Фирменный Smart-компонент бренда и отдельное действие собираются как две секции одной области.

Открыть пример

Области. Меню остаётся Smart-компонентом, а рядом появляется короткая безопасная подсказка.

Открыть пример

Aside с контекстом страницы

Области. Правая область объединяет автоматически построенное оглавление и информационный Smart-компонент.

Открыть пример

Области. Нижняя область включается явно и получает текст и локальную ссылку без произвольного HTML.

Открыть пример

Отключение областей

Области. Sidebar и outline отключаются без пустых контейнеров и лишней мобильной навигации.

Открыть пример

Наследование настроек

Наследование. Раздел задаёт общие правила чтения, а страница переопределяет только ширину макета.

Открыть пример

Композиция: сайт → раздел → страница

Наследование. Сайт задаёт бренд и тему, раздел заменяет sidebar и отключает aside, а страница сбрасывает aside и включает footer.

Открыть пример

Preset docs

Макеты. Документационная оболочка для последовательного чтения с навигацией и контекстом страницы.

Открыть пример

Preset landing

Макеты. Сфокусированная страница без документационной навигации, собранная тем же генератором.

Открыть пример

Product Smart-компоненты Docara

Smart-компоненты. Бренд, четырёхуровневая навигация и содержание страницы собраны из canonical Smart-компонентов с собственными assets.

Открыть пример

Smart-компонент Alert

Smart-компоненты. Уведомление с типизированными props из Markdown и шаблоном зафиксированного SIMAI Framework runtime.

Открыть пример

Smart-компонент Button

Smart-компоненты. Кнопка с проверяемыми параметрами вместо произвольной HTML-разметки.

Открыть пример

Поиск по документации

Введите минимум 2 символа

    Настройки

    Тема
    Размер шрифта
    Ширина страницы