Image
Use EuiImage when you need to place a static image into a page with an optional caption. It has the following props.
sizeacceptss / m / l / xl / original / fullWidth. The latter will set the figure to stretch to 100% of its container.allowFullScreenwhen set to true will make the image clickable to a larger version.fullScreenIconColorallows you to change the color of the icon that floats above the image when it can be clicked to fullscreen. The default value oflightis fine unless your image has a white background, in which case you should change it todark.hasShadowwhen set to true (default) will apply a slight shadow below the image.captionwill provide a caption to the image.altSepearate from the caption is a title on the alt tag itself. This one is required for accessibility.
Click an image for a full screen version
Apply the allowFullScreen prop to make the image clickable and show a full screen version. Note that the second image also passes fullScreenIconColor="dark" to change icon color to better contrast against the light background of that image.
Images can be sized
Images can be sized by passing the size prop a value of s / m / l / xl / original / fullWidth. Note that this size is applied to the width of the image.