ETR Component Library

image 

<figure class="m-0 w-full">
    <img class="w-full" src="https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1567&amp;q&#x3D;80" alt="placeholder">
    <figcaption class="media-caption text-gray-darkest leading-tight text-sm mt-2">
        <span class="media-caption__caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>
        <span class="text-gray-dark text-2xs md:text-xs tracking-wide md:tracking-normal leading-none">Photographer Name</span>
        <span class="text-gray-dark text-2xs md:text-xs tracking-wide md:tracking-normal leading-none">/ Stock Image Company</span>
    </figcaption>
</figure>
 
{{#if link}}
    <a href="{{link.url}}" target="{{#if link.target}}{{link.target}}{{else}}_self{{/if}}"class="block hover:opacity-75 transition">
  {{/if}}
<figure class="m-0 w-full">
  <img class="w-full" src="{{source}}" alt="{{alt}}">
  {{#if caption}}
    {{#with caption}}
        {{> @media-caption}}
    {{/with}}
  {{/if}}
</figure>
  {{#if link}}
  </a>
  {{/if}}
 
{
  "source": "https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80",
  "alt": "placeholder",
  "caption": {
    "caption": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
    "photographer": "Photographer Name",
    "credit": "Stock Image Company"
  }
}

There are no notes for this item.