Image: Without Overlay

Ready

HTML
View
Context
Assets
Notes


        
        <div class="image  root-class">
    <picture class="">
        <img src="/example-assets/images/image/image.jpg" class="image__img test-image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/image/image.jpg 1x, /example-assets/images/image/image.jpg 2x" {&quot;data-image-test&quot;:&quot;hello-world&quot;} onload="this.classList.remove('is-loading')" />
    </picture>
</div>


        {% include '@SharedComponents/modules/shared/components/image/image.twig' %}


        
            
            {
  "rootClass": "root-class",
  "imageClass": "test-image",
  "pictureClass": "",
  "imageAttributes": {
    "data-image-test": "hello-world"
  },
  "image": {
    "src": "/example-assets/images/image/image.jpg",
    "src2x": "/example-assets/images/image/image.jpg",
    "alt": "Alt",
    "title": "Title"
  }
}

File:

Content:


                                import './image.scss';
import Image, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/image/image';

export default Image;
export const selector = sel;

URL: /components/raw/image/image.js
Filesystem Path: src/components/modules/shared/components/image/image.js
Size: 191 Bytes

Content:


                                @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/image/image";

URL: /components/raw/image/image.scss
Filesystem Path: src/components/modules/shared/components/image/image.scss
Size: 112 Bytes

No notes defined.