Summary Card Component example

With row actions

How it looks (preview)

Title

key one: value1; View key one Edit key one
key two: value2; View key two Edit key two

How to call this example

<%= render "components/summary_card", {
  title: "Title",
  rows: [
    {
      key: "key one",
      value: "value1",
      actions: [
        {
          label: "View",
          href: "#1"
        },
        {
          label: "Edit",
          href: "#2"
        }
      ]
    },
    {
      key: "key two",
      value: "value2",
      actions: [
        {
          label: "View",
          href: "#1"
        },
        {
          label: "Edit",
          href: "#2"
        }
      ]
    }
  ]
} %>