Image

Image tag shows an image on the page

Parameters

Param Type Default Description
name string name of the element
value string value
[width] string "100%" image width
[maxWidth] string "750px" image maximum width
[zoom] boolean false enable zooming an image by the mouse wheel
[negativeZoom] boolean false enable zooming out an image
[zoomBy] float 1.1 scale factor
[grid] boolean false show grid
[gridSize] number 30 size of the grid
[gridColor] string ""#EEEEF4"" color of the grid, opacity is 0.15
[zoomControl] boolean false show zoom controls in toolbar
[brightnessControl] boolean false show brightness control in toolbar
[contrastControl] boolean false show contrast control in toolbar
[rotateControl] boolean false show rotate control in toolbar

Example

<View>
  <!-- Take the image url from the url column in JSON/CSV -->
  <Image value="$url"></Image>
</View>

Example

<View>
  <Image value="https://imgflip.com/s/meme/Leonardo-Dicaprio-Cheers.jpg" width="100%" maxWidth="750px" />
</View>