1. Component Guide
  2. Image card
  3. With more information
Image card example

With more information

How it looks (preview)

Government does things

Press release

Following a thorough review of existing procedure, a government body has today announced that further work is necessary.
some meaningful alt text please

How to call this example

<div class="govuk-!-width-one-third">
  <%= render "govuk_publishing_components/components/image_card", {
  href: "/also-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: "2016-06-27 10:29:44 +0000",
    text: "Press release"
  },
  heading_text: "Government does things",
  description: "Following a thorough review of existing procedure, a government body has today announced that further work is necessary."
} %>
</div>