Summary card example

With row destructive action

How it looks (preview)

Title

key
value: View key

Edit key

Delete key

How to call this example

<%= render "govuk_publishing_components/components/summary_card", {
  title: "Title",
  rows: [
    {
      key: "key",
      value: "value",
      actions: [
        {
          label: "View",
          href: "#1"
        },
        {
          label: "Edit",
          href: "#2"
        },
        {
          label: "Delete",
          href: "#3",
          destructive: true
        }
      ]
    }
  ]
} %>