Summary Card Component example

With custom-id

How it looks (preview)

Title

key one
value1
key two
value2

How to call this example

<%= render "components/summary_card", {
  id: "custom_id",
  title: "Title",
  rows: [
    {
      key: "key one",
      value: "value1"
    },
    {
      key: "key two",
      value: "value2"
    }
  ]
} %>