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 | 'context' | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'background' | 'background-plus' | 'background-dimmed' | 'background-disabled' | 'border' | 'foreground' | 'disabled' | 'dimmed' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | ... | never | ||
colorize | boolean | ||
isExpandable | boolean | ||
signature | string | Record<string, string> | string | ||
signatureLink | string | Record<string, string> | string | ||
bgSize | 'contain' | 'cover' | ||
svgFillOn | 'context' | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'background' | 'background-plus' | 'background-dimmed' | 'background-disabled' | 'border' | 'foreground' | 'disabled' | 'dimmed' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | ... | never | ||
svgFillOff | 'context' | 'current' | 'transparent' | 'black' | 'white' | 'gray' | 'background' | 'background-plus' | 'background-dimmed' | 'background-disabled' | 'border' | 'foreground' | 'disabled' | 'dimmed' | 'panel-down' | 'panel' | 'panel-up' | 'panel-plus' | 'accent' | 'accent-up' | 'accent-fg' | ... | never | ||
aspectRatio | 'video' | 'square' | 'default' | ||
watermarkUrl | string | ||
watermarkHex | string | ||
watermarkOpacity | string | ||
maxHeight | number (≥0) | ||
alt | string |
(*) Required.