Image

Image Control


Usage

import { ItsyImage } from '@itsy-ui/common';

const ImageSchema = {
   "id": "imageUrl",
    "displayName": "Image_URL",
    "propertyType": "string",
    "title": "Image URL",
    "alignment": "center",
    "image_type": "base64",
    "model": "product_sample",
    "image_value": "https://www.w3schools.com/images/lamp.jpg"
   }

<ItsyImage schema={ImageSchema} />


API

name type default description
className String '' additional class name of root node.
style Object {} Inline style object
schema Object {} Schema which contains information to be displayed.


Schema API’s

name type default description
alignment string center align of the image
image_type String base64 two types there base64 and object any one set this property
image_value String https://www.w3schools.com/images/lamp.jpg image value set this property


Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions