Summary Card List example

With row destructive action

How it looks (preview)

Title

1. value
   View Edit Delete

How to call this example

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