Summary card example

With destructive action

How it looks (preview)

Title

Delete Title

key one
value1
key two
value2

How to call this example

<%= render "govuk_publishing_components/components/summary_card", {
  title: "Title",
  rows: [
    {
      key: "key one",
      value: "value1"
    },
    {
      key: "key two",
      value: "value2"
    }
  ],
  summary_card_actions: [
    {
      label: "Delete",
      href: "#1",
      destructive: true
    }
  ]
} %>