Govspeak content example

Image

Govspeak images are styled to mimic the figure component.

How it looks (preview)

Open water with only mangrove stumps showing above the water. Credit: Blue Ventures-Garth Cripps — Deforested area. Credit: Blue Ventures-Garth Cripps

This is a regular paragraph of text to demonstrate the spacing between it and the image above.

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {} do %>
  <figure class="image embedded">
  <div class="img">
    <img src="https://assets.publishing.service.gov.uk/government/uploads/system/uploads/image_data/file/40160/Picture2.jpg" alt="Open water with only mangrove stumps showing above the water. Credit: Blue Ventures-Garth Cripps">
  </div>
  <figcaption>
    <p>Deforested area. Credit: Blue Ventures-Garth Cripps</p>
  </figcaption>
</figure>
<p>This is a regular paragraph of text to demonstrate the spacing between it and the image above.</p>
<% end %>