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


Name	Type	Description
`type`*	"view.device-frame"	Set component type
`label`	string	Label above the component.
`content`	view	Content inside the frame.
`fullHeight`	boolean	If `true`, the element takes up all the vertical free space. The element is set to a minimum height of 400 pixels.
`hint`	string	Hint text.
`maxWidth`	number	Maximum width of the element in pixels, must be greater than `minWidth`.
`minWidth`	number	Minimum width of the element in pixels. Takes priority over `maxWidth`.
`ratio`	array	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.
`validation`	condition	Validation based on condition.


Name	Type	Description
`type`*	"view.device-frame"	Set component type
`label`	string	Label above the component.
`content`	view	Content inside the frame.
`fullHeight`	boolean	If `true`, the element takes up all the vertical free space. The element is set to a minimum height of 400 pixels.
`hint`	string	Hint text.
`maxWidth`	number	Maximum width of the element in pixels, must be greater than `minWidth`.
`minWidth`	number	Minimum width of the element in pixels. Takes priority over `maxWidth`.
`ratio`	array	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.
`validation`	condition	Validation based on condition.