Displays an image.
View exampleLearn more about inserting images.
| Name | Type | Description |
|---|---|---|
type* | "view.image" | Set component type. |
label | string | Label above the component. |
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. |
noBorder | boolean | Controls the display of a frame around an image. By default, true (the frame is hidden). Set false to display the frame. |
noLazyLoad | boolean | Disables lazy loading. If true, images start loading immediately, even if they aren't in the viewport. Useful for icons.By default, false (lazy loading is enabled). In this mode, images start loading only when a Toloker scrolls to them. |
popup | boolean | Specifies whether opening a full-size image with a click is allowed. By default, it is true (allowed). |
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. |
rotatable | boolean | If enabled, an image can be rotated. |
scrollable | boolean | When set to true, an image has scroll bars if it doesn't fit in the parent element.If false, the image fits in the parent element and, when clicked, opens in its original size in the module window.Images in SVG format with no size specified always fit in their parent elements. |
url* | string | Image link. |
validation | condition | Validation based on condition. |
Last updated: August 24, 2023