1. Component Guide
  2. Cards (experimental)
  3. Default
Cards (experimental) example

Default

How it looks (preview)

Services and information

How to call this example

<%= render "govuk_publishing_components/components/cards", {
  heading: "Services and information",
  items: [
    {
      link: {
        text: "Benefits",
        path: "http://www.gov.uk"
      },
      description: "Includes eligibility, appeals, tax credits and Universal Credit"
    },
    {
      link: {
        text: "Births, deaths, marriages and&nbsp;care",
        path: "http://www.gov.uk"
      },
      description: "Parenting, civil partnerships, divorce and Lasting Power of Attorney"
    },
    {
      link: {
        text: "Business and self-employed",
        path: "http://www.gov.uk"
      },
      description: "Tools and guidance for businesses"
    },
    {
      link: {
        text: "Childcare and parenting",
        path: "http://www.gov.uk"
      },
      description: "Includes giving birth, fostering, adopting, benefits for children, childcare and schools"
    },
    {
      link: {
        text: "Citizenship and living in the&nbsp;UK",
        path: "http://www.gov.uk"
      },
      description: "Voting, community participation, life in the UK, international projects"
    },
    {
      link: {
        text: "Crime, justice and the&nbsp;law",
        path: "http://www.gov.uk"
      },
      description: "Legal processes, courts and the police"
    },
    {
      link: {
        text: "Disabled people",
        path: "http://www.gov.uk"
      },
      description: "Includes carers, your rights, benefits and the Equality Act"
    },
    {
      link: {
        text: "Driving and transport",
        path: "http://www.gov.uk"
      },
      description: "Includes vehicle tax, MOT and driving licences"
    },
    {
      link: {
        text: "Education and learning",
        path: "http://www.gov.uk"
      },
      description: "Includes student loans, admissions and apprenticeships"
    },
    {
      link: {
        text: "Employing people",
        path: "http://www.gov.uk"
      },
      description: "Includes pay, contracts, hiring and redundancies"
    },
    {
      link: {
        text: "Environment and countryside",
        path: "http://www.gov.uk"
      },
      description: "Includes flooding, recycling and wildlife"
    },
    {
      link: {
        text: "Housing and local services",
        path: "http://www.gov.uk"
      },
      description: "Owning or renting and council services"
    }
  ]
} %>