---
metadata:
  - name: generator
    content: Diplodoc Platform v5.55.0
alternate:
  - https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.device-frame.md
  - href: ru/template-builder/reference/view.device-frame.md
    type: text/markdown
    title: Markdown version
  - href: ../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tasks-requester/ru/llms.txt

# view.device-frame

Оборачивает содержимое компонента в рамку, похожую на мобильный телефон. Внутри рамки можно расположить другие компоненты.

[![Посмотреть пример](../_images/buttons/view-example.svg)](https://ya.cc/t/yamO4Oez4W2M5L)

{% cut "Из каких компонентов состоит этот пример" %}

<!-- source: ru/template-builder/_includes/reference/not-dot/view.image.md -->
* [view.image](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.image.md)&nbsp;— показывает картинку;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/view.image.md -->

<!-- source: ru/template-builder/_includes/reference/dot/data.input.dot.md -->
* [data.input](https://yandex.ru/support/tasks-requester/ru/template-builder/operations/work-with-data.md)&nbsp;— передает входные данные задания;
<!-- endsource: ru/template-builder/_includes/reference/dot/data.input.dot.md -->

{% endcut %}

## Свойства компонента {#properties}

#|
|| **Название** | **Тип** | **Описание** ||
|| `type`<span style="color: red">\*</span> | "view.device-frame" | Задает тип компонента. ||
|| `label` | _string_ | Надпись над компонентом. ||
|| `content` | _view_ | Содержимое внутри рамки. ||
|| `fullHeight` | _boolean_ | Если `true`, элемент занимает все свободное пространство по вертикали. При этом элементу устанавливается минимальная высота 400 пикселей. ||
|| `hint` | _string_ | Текст подсказки. ||
|| `maxWidth` | _number_ | Максимальная ширина элемента в пикселях, которая не может быть меньше `minWidth`. ||
|| `minWidth` | _number_ | Минимальная ширина элемента в пикселях. Имеет приоритет над `maxWidth`. ||
|| `ratio` | _array_ | Массив из двух чисел, устанавливающий относительные размеры сторон: ширины (первое число) к высоте (второе число).

Не действует, если `"fullHeight": true`. ||
|| `ratio[]` | _number_ | Относительный размер одной стороны. ||
|| `validation` | _condition_ | Валидация на основе условия _(condition)_. ||
|#