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