OFRAG Frontend Components Library v0.0.0

Multi Column Image Overlay: Two Column Without Link 

<div class="multi-column-image-overlay">
                                              <div class="multi-column-image-overlay__container">
                                                  <ul class="multi-column-image-overlay__list--2">
                                                  </ul>
                                              </div>
                                          </div>
 
{% include '@SharedComponents/modules/bricks/components/multi-column-image-overlay/multi-column-image-overlay.twig' %}
 
{
  "headingLevel": 3,
  "items": [
    {
      "title": "Durable",
      "subTitle": "Ideal für die dunkle Jahreszeit",
      "image": {
        "src": "/example-assets/images/text-image/guy.jpg",
        "src2x": "/example-assets/images/text-image/guy.jpg",
        "alt": "Durable"
      }
    },
    {
      "title": "Durable",
      "subTitle": "Ideal für die dunkle Jahreszeit",
      "image": {
        "src": "/example-assets/images/text-image/guy.jpg",
        "src2x": "/example-assets/images/text-image/guy.jpg",
        "alt": "Durable"
      }
    }
  ]
}
  • Content: 
    import './multi-column-image-overlay.scss';
import MultiColumnImageOverlay, {selector as sel} from 'cando-cx-components-library/components/modules/bricks/components/multi-column-image-overlay/multi-column-image-overlay';

export default MultiColumnImageOverlay;
export const selector = sel;
  • URL: /components/raw/multi-column-image-overlay/multi-column-image-overlay.js
  • Filesystem Path: src/components/modules/bricks/components/multi-column-image-overlay/multi-column-image-overlay.js
  • Size: 290 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/bricks/components/multi-column-image-overlay/multi-column-image-overlay";
  • URL: /components/raw/multi-column-image-overlay/multi-column-image-overlay.scss
  • Filesystem Path: src/components/modules/bricks/components/multi-column-image-overlay/multi-column-image-overlay.scss
  • Size: 154 Bytes

Title max characters(with spaces): 40
Sub-Title max characters(with spaces): 55