---
metadata:
- name: generator
content: Diplodoc Platform v5.44.0
alternate:
- https://yandex.ru/support/tasks-requester/ru/template-builder/reference/layout.compare.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tasks-requester/ru/llms.txt
# layout.compare
Позволяет расставить элементы интерфейса так, чтобы сравнивать их между собой. Например, можно сравнить несколько фото.
Кнопки выбора можно расположить под каждым из сравниваемых элементов. Также можно добавить общие элементы, например поле для ввода комментария.
Отличия от [layout.side-by-side](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/layout.side-by-side.md):
- Нет кнопок, позволяющих скрывать элементы. Они пригодятся, если надо сравнить сразу 5 фотографий и тяжело сделать выбор между какими-то двумя.
- Для каждого сравниваемого элемента можно добавить свои кнопки выбора.
[](https://ya.cc/t/P03jAPvB4TNmcf)
{% cut "Компоненты, которые используются в примере" %}
* [view.image](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.image.md) — показывает картинку;
- [field.radio-group](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/field.radio-group.md) — добавляет группу переключателей-радиокнопок для выбора одного ответа;
- [data.output](https://yandex.ru/support/tasks-requester/ru/template-builder/operations/work-with-data.md) — определяет данные задания, которые вы получите после его отправки исполнителем.
{% endcut %}
## Свойства компонента {#properties}
#|
|| **Название** | **Тип** | **Описание** ||
|| `type`\* | "layout.compare" | Задает тип компонента. ||
|| `commonControls` | _view_ | Общие поля компонента. Добавьте блоки информации, которые относятся ко всем элементам сравнения. ||
|| `items`\* | _array_ | Массив со свойствами элементов сравнения. Задайте внешний вид блоков компонента. ||
|| `items[]` | _object_ | Элемент сравнения. ||
|| `items[].content` | _view_ | Содержание элемента сравнения. Добавьте в элемент сравнения картинки, аудиозаписи, видео, ссылки или другие типы данных. ||
|| `items[].controls` | _view_ | Настройте поля ввода, чтобы исполнитель выбрал один из элементов. ||
|| `minWidth` | _number_ | Минимальная ширина элемента в пикселях. Значение по умолчанию: 400 пикселей. ||
|| `validation` | _condition_ | Валидация на основе условия _(condition)_. ||
|| `wideCommonControls` | _boolean_ | Свойство увеличивает общие поля элементов сравнения.
По умолчанию `false` — общие поля не растягиваются и отображаются по центру. Если `true`, то поля будут шире, чем со значением по умолчанию. ||
|#