Image card example

Large version

How it looks (preview)

Something has happened nearby possibly

14 June 2017 — Announcement

Following a news report that something has happened, further details are emerging of the thing that has happened and what that means for you.

How to call this example

<div class="govuk-!-width-full">
  <%= render "govuk_publishing_components/components/image_card", {
  large: true,
  href: "/still-not-a-page",
  image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/91397/s712_SG_Swear_in_1_.jpg",
  image_alt: "some meaningful alt text please",
  context: {
    date: "2017-06-14 11:30:00 +0000",
    text: "Announcement"
  },
  heading_text: "Something has happened nearby possibly",
  description: "Following a news report that something has happened, further details are emerging of the thing that has happened and what that means for you."
} %>
</div>