---
metadata:
  - name: generator
    content: Diplodoc Platform v5.44.0
alternate:
  - https://yandex.ru/support/tasks-requester/ru/template-builder/reference/layouts.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tasks-requester/ru/llms.txt

# Список вариантов расстановки

Компоненты с названиями `layouts.*` определяют расстановку элементов в интерфейсе, например [колонки](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/layout.columns.md) или [side-by-side](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/layout.side-by-side.md). Если у вас больше одного элемента в интерфейсе, эти компоненты помогут расставить их в правильном порядке.

| Component                                     | Description                                                                                                             |
| --------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| [layout.bars](layout.bars.md)                 | Компонент, добавляющий к элементам верхнюю и нижнюю панели.                                                              |
| [layout.columns](layout.columns.md)           | Компонент для расстановки элементов по столбцам.                                                                         |
| [layout.compare](layout.compare.md)           | Позволяет расставить элементы интерфейса так, чтобы сравнивать их между собой. Например, можно сравнить несколько фото. |
| [layout.side-by-side](layout.side-by-side.md) | Компонент отображает на одной горизонтальной панели несколько блоков информации одинаковой ширины.                      |
| [layout.sidebar](layout.sidebar.md)           | Позволяет разместить на странице блок с основным содержимым и примыкающую к нему панель с элементами управления.        |