1. Component Guide
  2. Image card
  3. Extra details with no main link
Image card example

Extra details with no main link

If extra links are included, the main link is not needed. Note that in this configuration the image is not a link as no link has been supplied.

How it looks (preview)

How to call this example

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