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

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

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

## Результат

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

:::internal_preview {size=compact title="Брендированный header"}
[Открыть результат](/ru/demonstrator-results/region-header/)
:::

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

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

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

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

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

Область `header` наследует данные бренда сайта. Первая секция выводит составной
Smart-компонент Docara, вторая — кнопку SIMAI Framework с проверяемыми props.

## Что можно менять

Название, подпись и логотип задаются в `docara.json`, а состав секций и действие
— в JSON страницы или раздела.

{
  "schema": "docara.page.v1",
  "title": "Брендированный header",
  "description": "Header из брендового Smart-компонента и отдельного действия.",
  "layout": {
    "regions": {
      "header": {
        "enabled": true,
        "sections": [
          {"id": "site-brand", "section": "docara.header"},
          {
            "id": "header-action",
            "section": "docara.shell",
            "utilities": ["flex", "gap-1"],
            "blocks": [
              {
                "id": "start",
                "block": "shell.smart",
                "slot": "content",
                "smart": "ui.button",
                "view": "default",
                "props": {"text": "Начать", "preset": "primary", "aria-label": "Начать работу с Docara"}
              }
            ]
          }
        ]
      }
    }
  }
}