1. Component Guide
  2. Image card
  3. With extra details
Image card example

With extra details

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/image_card", {
  href: "/a-page-no-just-kidding",
  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: "Some more links",
  description: "Greater transparency across government is at the heart of our commitment to let you hold politicians and public bodies to account.",
  extra_details: [
    {
      text: "Single departmental plans",
      href: "/1"
    },
    {
      text: "Prime Minister's and Cabinet Office ministers' transparency publications relating to freedom of information requests for general consumption and the public interest in general",
      href: "/2"
    },
    {
      text: "Government transparency data",
      href: "/3"
    }
  ]
} %>