OFRAG Frontend Components Library v0.0.0

Image: Without Overlay Direct Html 

<div class="image  root-class">
    <picture><img src="/example-assets/images/image/image.jpg" class="image__img test-image" alt="Alt" title="Title" srcset="/example-assets/images/image/image.jpg 1x, /example-assets/images/image/image.jpg 2x" data-image-test="hello-world"></picture>
</div>
 
{% include '@SharedComponents/modules/shared/components/image/image.twig' %}
 
{
  "rootClass": "root-class",
  "imageClass": "test-image",
  "pictureClass": "",
  "imageAttributes": {
    "data-image-test": "hello-world"
  },
  "image": "<picture><img src=\"/example-assets/images/image/image.jpg\" class=\"image__img test-image\" alt=\"Alt\" title=\"Title\" srcset=\"/example-assets/images/image/image.jpg 1x, /example-assets/images/image/image.jpg 2x\" data-image-test=\"hello-world\"></picture>"
}
  • 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.