Displays an image.

View example

Learn more about inserting images.

Component properties

type*"view.image"Set component type.
labelstringLabel above the component.
fullHeightbooleanIf true, the element takes up all the vertical free space. The element is set to a minimum height of 400 pixels.
hintstringHint text.
maxWidthnumberMaximum width of the element in pixels, must be greater than minWidth.
minWidthnumberMinimum width of the element in pixels. Takes priority over maxWidth.
noBorderbooleanControls the display of a frame around an image. By default, true (the frame is hidden). Set false to display the frame.
noLazyLoadbooleanDisables 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.
popupbooleanSpecifies whether opening a full-size image with a click is allowed. By default, it is true (allowed).
ratioarrayAn 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[]numberRelative size of one side.
rotatablebooleanIf enabled, an image can be rotated.
scrollablebooleanWhen 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*stringImage link.
validationconditionValidation based on condition.
Contact support

Last updated: August 24, 2023

Getting started
Important tips
Useful recommendations
Working with Toloka
Project analysis
Toloka settings
Task interface
Template Builder
HTML/CSS/JS editor
Help and support