1. Component Guide
  2. Image card
  3. Large version
Image card example

Large version

How it looks (preview)

Something has happened nearby possibly

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.
some meaningful alt text please

How to call this example

<%= 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/62756/s300_courts-of-justice.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."
} %>