Image
The Image element displays a static image loaded from a URL. Use it to show logos, illustrations, instructional diagrams, or any visual content within the form canvas.
Properties
| Property | Type | Description |
|---|---|---|
url | string | Image source URL |
width | string (CSS) | Element width — e.g. 10em, 200px, 50% |
height | string (CSS) | Element height |
fit | string | How the image fills its bounding box — see below |
Plus shared layout properties.
Fit modes
| Value | Behaviour |
|---|---|
cover | Scale the image to fill the box, cropping if necessary |
contain | Scale the image to fit entirely within the box, preserving aspect ratio |
fill | Stretch the image to fill the box exactly, ignoring aspect ratio |
scale-down | Use the smaller of contain or the image's natural size |
none | Display the image at its natural size with no scaling |
See also: Elements overview