---
metadata:
  - name: generator
    content: Diplodoc Platform v5.70.0
alternate:
  - https://yandex.ru/support/kit/ru/site-editor/custom-sections/example/others/faq.md
  - href: https://yandex.ru/support/kit/ru/site-editor/custom-sections/example/others/faq.md
    type: text/markdown
    title: Markdown version
  - href: https://yandex.ru/support/kit/ru/llms.txt?revision=r22105010
    rel: describedby
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/kit/ru/llms.txt?revision=r22105010



# FАQ

![](../../../../_images/example/faq.png =x350){.border-yes}

{% cut "Template" %}

```handlebars

<ya-kit-section-layout
    palette={{settings.palette}}
    padding-top={{settings.section.paddingTop}}
    padding-bottom={{settings.section.paddingBottom}}
    h-padding-desktop={{settings.section.hPaddingDesktop}}
    h-padding-mobile={{settings.section.hPaddingTouch}}
    is-fullscreen={{settings.section.isFullscreen}} 
>
    <ya-kit-section-layout-row>
        <ya-kit-section-title align="{{settings.titleAlign}}" text="{{settings.titleText}}" /> 
    </ya-kit-section-layout-row>
    <ya-kit-section-layout-row>  
        {{#each settings.modules as |module index|}}
            <ya-kit-module module-id={{module.id}} class="item {{skinRounded 150}}">
                <ya-kit-accordion default-expanded="{{eql index 0}}">
                    <ya-kit-accordion-header>
                        <ya-kit-text as="h3" size="xl" weight="semibold">{{module.question}}</ya-kit-text>
                        <svg class="item__icon-minus" focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1" >
                            <path d="M19 13H5v-2h14z"></path>
                        </svg>
                        <svg class="item__icon-plus" focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1" >
                            <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"></path>
                        </svg>
                    </ya-kit-accordion-header>
                    <ya-kit-accordion-body>
                        <div class="item__answer">
                            <ya-kit-markdown  markup={{module.answer}} />
                        </div>
                    </ya-kit-accordion-body>
                </ya-kit-accordion>
            </ya-kit-module>
        {{/each}} 
    </ya-kit-section-layout-row>
</ya-kit-section-layout>

```

{% endcut %}



{% cut "CSS" %}

```css

.item:not(:last-child) {
    border-bottom: 1px solid var(--ys-color-token-border-primary);
}

.item__answer {
    padding-bottom: var(--ys-spacing-200);
}

.item [data-icon="true"] {
    display: none;
}


.item .item__icon-minus,
.item .item__icon-plus {
    width: 28px;
    fill: var(--ys-color-token-border-primary);
}

.item .item__icon-plus {
    display: block;
}

.item .item__icon-minus {
    display: none; 
}

.item [aria-expanded="true"] .item__icon-plus {
    display: none;
}

.item [aria-expanded="true"] .item__icon-minus {
    display: block;
}

```

{% endcut %}

{% cut "JSON Schema" %}

```json showLineNumbers

{
  "title": "",
  "type": "object",
  "properties": {
    "palette": {
      "$ref": "#/definitions/Palette",
      "title": "Палитра цветов"
    },
    "titleText": {
      "type": "string",
      "title": "Заголовок"
    },
    "titleAlign": {
      "$ref": "#/definitions/SectionTitleAlign",
      "title": "Расположение заголовка"
    },
    "section": {
      "type": "object",
      "title": "Размеры секции",
      "required": [
        "isFullscreen",
        "paddingTop",
        "paddingBottom"
      ],
      "properties": {
        "isFullscreen": {
          "$ref": "#/definitions/OptionalFlag",
          "title": "Растянуть секцию на весь экран"
        },
        "hPaddingDesktop": {
          "$ref": "#/definitions/SectionHPadding",
          "title": "Отступ по краям на десктопе"
        },
        "hPaddingMobile": {
          "$ref": "#/definitions/SectionHPaddingTouch",
          "title": "Отступ по краям на телефоне"
        },
        "paddingTop": {
          "$ref": "#/definitions/SectionVPadding",
          "title": "Отступ над секцией"
        },
        "paddingBottom": {
          "$ref": "#/definitions/SectionVPadding",
          "title": "Отступ под секцией"
        }
      }
    },
    "modules": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "question": {
            "type": "string",
            "title": "Вопрос",
            "default": ""
          },
          "answer": {
            "$ref": "#/definitions/MarkdownContent",
            "title": "Ответ",
            "default": ""
          }
        },
        "required": [
          "question",
          "answer"
        ]
      },
      "title": "Модуль"
    }
  },
  "required": [
    "titleAlign",
    "titleText",
    "section",
    "modules"
  ]
}

```

{% endcut %}

<!-- source: ru/_includes/support.md -->


## Обратиться в службу поддержки


[Написать в чат](https://yandex.ru/chat/#/user/6c041b05-07a4-99cc-79be-8670b7aff93d){.button}

[Написать письмо](https://yandex.ru/support/kit/ru/feedback.md){.button}

[Яндекс KITᵝ в Telegram](https://t.me/kityandex_support_bot){.button}

[Яндекс KITᵝ в МАКС](https://max.ru/yandex_kit_bot){.button}
<!-- endsource: ru/_includes/support.md -->