Summary Card List example

With row actions

How it looks (preview)

Title

  1. value1
    View value1 Edit value1
  2. value2
    View value2 Edit value2

How to call this example

<%= render "components/summary_card_list", {
  title: "Title",
  rows: [
    {
      text: "value1",
      actions: [
        {
          label: "View",
          href: "#1"
        },
        {
          label: "Edit",
          href: "#2"
        }
      ]
    },
    {
      text: "value2",
      actions: [
        {
          label: "View",
          href: "#1"
        },
        {
          label: "Edit",
          href: "#2"
        }
      ]
    }
  ]
} %>