Custom theme (replace with client name)

Image: Default 

<div class="image-component">
    <div class="image-component__image">
        <figure class="image ">
            <picture class="image__picture">
                <source srcset="" type="image/webp">
                <source srcset="" type="image/jpeg">
                <img class="image__image" loading="lazy" type="image/jpeg" src="" alt="">

            </picture>
        </figure>
    </div>
</div>
 
<div class="image-component">
    <div class="image-component__image">
        {% include 'partials/image/image.twig' with {
            image: image,
        } %}
    </div>
</div>
 
{
  "component": {
    "type": "image",
    "image": {
      "src": "https://picsum.photos/800/650",
      "altText": "placeholder"
    }
  }
}
  • Content: 
    .image-component

    &__caption
        color #848484
        font-height 20px
        font-size 14px
        margin-top 8px
  • URL: /components/raw/image/image.styl
  • Filesystem Path: patterns/components/image/image.styl
  • Size: 126 Bytes

No notes defined.