view.device-frame

Wraps the content of a component in a frame that is similar to a mobile phone. You can place other components inside the frame.

Component properties

NameTypeDescription
type*"view.device-frame"

Set component type

labelstring

Label above the component.

contentview

Content inside the frame.

fullHeightboolean

If true, the element takes up all the vertical free space. The element is set to a minimum height of 400 pixels.

hintstring

Hint text.

maxWidthnumber

Maximum width of the element in pixels, must be greater than minWidth.

minWidthnumber

Minimum width of the element in pixels. Takes priority over maxWidth.

ratioarray

An array of two numbers that sets the relative dimensions of the sides: width (first number) to height (second number).

Not valid if "fullHeight": true.

ratio[]number

Relative size of one side.

validationcondition

Validation based on condition.