Image

Component to display an image.

Options

• src | string (required): image source location. Default: none.
• alt | string: image description. Default: ''.
• body | string: base64 encoded data of image. Default: none.
• height | (number|string): image height (in px). Default: none.
• width | (number|string): image width (in px). Default: none.
• inline | boolean: allows the image to be surrounded by text. Default: false.
• id | string: component identifier. Default: none.
• showModal | boolean: controls whether to display fullscreen modal view. Default: true.
• className | string: class name. Default: ''.
• style | object: CSS inline styles. Default: {}.
• onShare | function: callback invoked with the image if the "share" button is clicked. Default: none.

Examples

• Minimal
• With Border
• Controlled Size
• Inline

Live Editor

<Image alt="Self-portrait by Vincent van Gogh from September 1889." src="https://bit.ly/37cof7K" />

<Image 
    alt="Self-portrait by Vincent van Gogh from September 1889." 
    src="https://bit.ly/37cof7K"
/>

Result

ReferenceError: Provider is not defined