Image card example

Extra details without indent

Don’t indent the extra links. Used for links to people pages.

How it looks (preview)

John Whiskers MP

The Rt Hon

some meaningful alt text please

How to call this example

<div class="govuk-!-width-one-third">
  <%= render "govuk_publishing_components/components/image_card", {
  href: "/government/people/",
  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: {
    text: "The Rt Hon"
  },
  heading_text: "John Whiskers MP",
  extra_details: [
    {
      text: "Minister for Cats",
      href: "/government/ministers/"
    }
  ],
  extra_details_no_indent: true
} %>
</div>