Envisioning App Blocks
ImageRandomBlock
ImageRandomBlock
ImageRandomBlock
ImageRandomBlock
Object containing the following properties:
| Property | Description | Type | Default |
|---|---|---|---|
id | string | 'ImageRandomBlock' | |
block (*) | must be ImageRandomBlock | 'ImageRandomBlock' | |
svgCode | string | Record<string, string> | string | ||
rounded | boolean | ||
color | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'border' | 'tick' | 'disabled' | 'dimmed' | 'foreground' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | 'accent2' | 'accent2-up' | 'accent2-fg' | ... or use a custom template (external:id). Check the Icons page for more information. | ||
colorize | boolean | ||
isExpandable | boolean | ||
signature | string | Record<string, string> | string | ||
signatureLink | string | Record<string, string> | string | ||
bgSize | 'contain' | 'cover' | ||
svgFillOn | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'border' | 'tick' | 'disabled' | 'dimmed' | 'foreground' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | 'accent2' | 'accent2-up' | 'accent2-fg' | ... or use a custom template (external:id). Check the Icons page for more information. | ||
svgFillOff | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'border' | 'tick' | 'disabled' | 'dimmed' | 'foreground' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | 'accent2' | 'accent2-up' | 'accent2-fg' | ... or use a custom template (external:id). Check the Icons page for more information. | ||
aspectRatio | 'video' | 'square' | 'default' | ||
maxHeight | number (≥0) | ||
watermarkUrl | string | ||
watermarkHex | string | ||
watermarkOpacity | string | ||
imageUrl | url path or template to the image. ex: {url} or https://example.com/\{id}?format=webp | string | Record<string, string> | string | '\{url}' |
root (*) | path to the images array. ex: context._allEntities or data.extras.imageUrls | string | Record<string, string> | string |
(*) Required.