1. Component Guide
  2. Image card
  3. With branding
Image card example

With branding

Organisation colour branding can be added to the component as shown.

How it looks (preview)

Public reform committee consultation vote department interior minister referendum.
some meaningful alt text please

How to call this example

<div class="govuk-!-width-one-third">
  <%= render "govuk_publishing_components/components/image_card", {
  brand: "department-for-work-pensions",
  href: "/again-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",
  heading_text: "Something relating to this",
  description: "Public reform committee consultation vote department interior minister referendum.",
  extra_details: [
    {
      text: "Something",
      href: "/1"
    },
    {
      text: "Something else",
      href: "/2"
    }
  ]
} %>
</div>