Core Image Component
What does this do ?
This component can be used to render and image.
The image can be a link, the image can also be part of a gallery-embed. If it is a gallery embed it will display a counter with how many total images are in the gallery.
How do I use this in my project ?
import Image from "@sankei-arc-shared-components/element_image";
<Image
caption='Test Caption'
captionClassName='caption-class'
className='test-class'
hideCaption={false}
showGalleryCounter={false}
imgClassName='test-image-class'
url='https://www.w3schools.com/html/pic_trulli.jpg'
showGalleryCounter={true}
galleryElements={5}
linkProps={{ href: 'http://www.yahoo.com'}} />;To view other variations of how to render an Image with different props please view the index.mdx file