Summary Card List example

With destructive action

How it looks (preview)

1. value1
2. value2

How to call this example

<%= render "components/summary_card_list", {
  title: "Title",
  rows: [
    {
      text: "value1"
    },
    {
      text: "value2"
    }
  ],
  summary_card_actions: [
    {
      label: "Delete",
      href: "#1",
      destructive: true
    }
  ]
} %>