Sidebar с дополнительным блоком

# Sidebar с дополнительным блоком

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

## Результат

[Открыть отдельно](/ru/demonstrator-results/region-sidebar/)

:::internal_preview {size=tall title="Sidebar с дополнительным блоком"}
[Открыть результат](/ru/demonstrator-results/region-sidebar/)
:::

## Исходные файлы

:::code {src="./region-sidebar.md" lang=markdown title="Страница примера · content/ru/examples/region-sidebar.md"}
:::

:::code {src="../demonstrator-results/region-sidebar.md" lang=markdown title="Markdown страницы · content/ru/demonstrator-results/region-sidebar.md"}
:::

:::code {src="../demonstrator-results/region-sidebar.page.json" lang=json title="Композиция sidebar · content/ru/demonstrator-results/region-sidebar.page.json"}
:::

# Sidebar с дополнительным блоком

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

## Адаптивность

На узком экране основной sidebar скрывается, а тот же безопасно клонированный
контент открывается кнопкой меню.

{
  "schema": "docara.page.v1",
  "title": "Sidebar с дополнительным блоком",
  "description": "Навигационный Smart-компонент и безопасный текстовый блок.",
  "layout": {
    "regions": {
      "sidebar": {
        "enabled": true,
        "sections": [
          {"id": "docs-navigation", "section": "docara.navigation"},
          {
            "id": "sidebar-note",
            "section": "docara.shell",
            "utilities": ["flex", "flex-col", "gap-1", "p-2", "surface-0"],
            "blocks": [
              {
                "id": "hint",
                "block": "shell.element",
                "slot": "content",
                "element": {"tag": "p", "text": "Нужен быстрый старт? Начните с установки.", "utilities": ["m-0"]}
              },
              {
                "id": "install-link",
                "block": "shell.element",
                "slot": "content",
                "element": {"tag": "a", "text": "Открыть установку", "href": "/start/", "aria_label": "Открыть руководство по установке"}
              }
            ]
          }
        ]
      }
    }
  }
}