Image

Allows you to display accessible images with sizes from the theme.

Examples

Image (we give the size in pixels into parameter):

<Image
  alt="React/Redux"
  src="https://cdn-images-1.medium.com/max/1600/1*A9xdbbNo5q3Twf4l3yTBNA.png"
  height="100px"
  width="200px"
/>

<Image
  alt="React/Redux"
  src="https://cdn-images-1.medium.com/max/1600/1*A9xdbbNo5q3Twf4l3yTBNA.png"
  height="100px"
  width="200px"
/>

Image (we give the width and the heigth of the theme which need to be considered into parameter) :

<Image
  alt="React/Redux"
  src="https://cdn-images-1.medium.com/max/1600/1*A9xdbbNo5q3Twf4l3yTBNA.png"
  height="s7"
  width="s8"
/>

<Image
  alt="React/Redux"
  src="https://cdn-images-1.medium.com/max/1600/1*A9xdbbNo5q3Twf4l3yTBNA.png"
  height="s7"
  width="s8"
/>

Image (we don't give any height/width, so the height/width of the theme will be used) :

<Image
  alt="React/Redux"
  src="https://cdn-images-1.medium.com/max/1600/1*A9xdbbNo5q3Twf4l3yTBNA.png"
/>

<Image
  alt="React/Redux"
  src="https://cdn-images-1.medium.com/max/1600/1*A9xdbbNo5q3Twf4l3yTBNA.png"
/>

Name	Type	Default value	Description
alt	string	''	An alternative text if the image is not displayed.
height	string	null	The height of the image. You can give a reference to the theme (e.g h10) or a heigth in px or in % If you don't give a height, the height of the theme will be used.
src required	string	null	The source of the image.
width	string	null	The width of the image. You can give a reference to the theme (e.g w10) or a width in px or in % If you don't five a width, the width of the theme will be used.