Envisioning App Blocks
ImageBlock
ImageBlock
ImageBlock
ImageBlock
Object containing the following properties:
| Property | Description | Type | Default |
|---|---|---|---|
id | string | 'ImageBlock' | |
block (*) | must be ImageBlock | 'ImageBlock' | |
url (*) | string | Record<string, string> | string | ||
width | string | number | ||
height | string | number | ||
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' | ||
watermarkUrl | string | ||
watermarkHex | string | ||
watermarkOpacity | string | ||
maxHeight | number (≥0) | ||
alt | string |
(*) Required.