Image: Without Overlay Fallback

Ready

HTML
View
Context
Assets
Notes


        
        <div class="image  root-class">
      <picture class="">
          <img src="/example-assets/images/image/fallback-image.png" class="image__img test-image is-loading" alt="" {&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"
  }
}

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.