<h2 class="styleguide-title">Image styles</h2>
<div class="preview-inner-inner-container">
    <h3 class="styleguide">Default image</h3>
    <img src="https://via.placeholder.com/800x532" alt="" />
</div>

<div class="preview-inner-inner-container">
    <h3 class="styleguide">Image without styling</h3>
    <img src="https://via.placeholder.com/800x532" alt="" class="no-style" />
</div>

<div class="preview-inner-inner-container">
    <h3 class="styleguide">Image as a circle (only usable with square images)</h3>
    <img src="https://via.placeholder.com/400x400" alt="" class="circle" />
</div>
<h2 class="styleguide-title">Image styles</h2>
<div class="preview-inner-inner-container">
  <h3 class="styleguide">Default image</h3>
  {% include '@image' with { 'src': 'https://via.placeholder.com/800x532' } %}
</div>

<div class="preview-inner-inner-container">
  <h3 class="styleguide">Image without styling</h3>
  {% include '@image' with { 'src': 'https://via.placeholder.com/800x532', 'modifier': 'no-style' } %}
</div>

<div class="preview-inner-inner-container">
  <h3 class="styleguide">Image as a circle (only usable with square images)</h3>
  {% include '@image' with { 'src': 'https://via.placeholder.com/400x400', 'modifier': 'circle' } %}
</div>
/* No context defined for this component. */

There are no notes for this item.