content_block_tools 0.17.0 → 1.0.1

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/fixtures.json

@@ -0,0 +1,1528 @@
+{
+    "component": "summary-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border",
+            "options": {
+                "classes": "govuk-summary-list--no-border",
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list govuk-summary-list--no-border\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border on last row",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "classes": "govuk-summary-list__row--no-border"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-border\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "extreme",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long email address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long email address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "No wrapping allowed"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "no wrapping allowed"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Pneumonoultramicroscopicsilicovolcanoconiosis"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n<p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Write"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cut"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Paste"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Save"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Load"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Check"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rewrite"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Plug"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Play"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Burn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Drag and drop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unzip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Lock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fill"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Curl"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Find"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "View"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder."
+                        },
+                        "value": {
+                            "text": "The Great Gatsby"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Code"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Jam"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unlock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Surf"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scroll"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pose"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Click"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cross"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Crack"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Twitch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Update"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Read"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Tune"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Print"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scan"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Send"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fax"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rename"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Touch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Bring"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pay"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Watch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Turn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Leave"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Stop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Format"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Buy</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Use</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Break</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fix</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Trash</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Mail</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Upgrade</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Charge</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Point</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zoom</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Press</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Snap</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Work</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Erase</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long website address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long email address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long email address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      No wrapping allowed\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Pneumonoultramicroscopicsilicovolcanoconiosis\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n      <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Write</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cut</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Paste</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Save</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Load</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Check</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rewrite</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Plug</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Play</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Burn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Drag and drop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unzip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Lock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fill</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Curl</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Find</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">View</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      The Great Gatsby\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Code</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Jam</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unlock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Surf</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scroll</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pose</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Click</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cross</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Crack</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Twitch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Update</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Name</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Read</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Tune</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Print</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scan</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Send</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fax</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rename</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Touch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Bring</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pay</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Watch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Turn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Leave</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Stop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Format</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a text header",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with a html header",
+            "options": {
+                "card": {
+                    "title": {
+                        "html": "<em>Undergraduate teaching assistant</em>"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      <em>Undergraduate teaching assistant</em>\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions plus summary list actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth (Undergraduate teaching assistant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card extreme",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Senior mid-level customer experience enhancement consultant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Bop it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Twist it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Pull it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Flick it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Spin it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shout it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shake it",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Senior mid-level customer experience enhancement consultant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Bop it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Twist it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Pull it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Flick it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Spin it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shout it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shake it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Buy<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Use<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Break<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Fix<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Trash<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Mail<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Upgrade<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Charge<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Point<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Zoom<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Press<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Snap<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Work<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Quick<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Erase<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Long website address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ],
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "key": {
+                            "text": "Name 2"
+                        },
+                        "value": {
+                            "text": "Firstname2 Lastname2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name 2\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname2 Lastname2\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "html": "<b>Name</b>"
+                        },
+                        "value": {
+                            "html": "<strong>Firstname Lastname</strong>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      <b>Name</b>\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <strong>Firstname Lastname</strong>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name",
+                            "classes": "app-custom-class"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key app-custom-class\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "value with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "html": "<span>email@email.com</span>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <span>email@email.com</span>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions href",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "https://www.gov.uk",
+                                    "text": "Go to GOV.UK"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"https://www.gov.uk\">Go to GOV.UK</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "html": "Edit<span class=\"visually-hidden\"> name</span>",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Edit<span class=\"visually-hidden\"> name</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "app-custom-class",
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "/edit"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions app-custom-class\">\n      <a class=\"govuk-link\" href=\"/edit\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "attributes": {
+                                        "data-test-attribute": "value",
+                                        "data-test-attribute-2": "value-2"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "single action with anchor",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "First action",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">First action</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "classes on items",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "classes": "govuk-link--no-visited-state"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "empty items array",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": []
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "classes": "app-custom-class"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row app-custom-class\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "summary card with custom classes",
+            "options": {
+                "card": {
+                    "classes": "custom-class"
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card custom-class\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with custom attributes",
+            "options": {
+                "card": {
+                    "attributes": {
+                        "data-attribute-1": "value-1",
+                        "data-attribute-2": "value-2"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with only 1 action",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "My lonely action",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <div class=\"govuk-summary-card__actions\">\n      <a class=\"govuk-link\" href=\"#\">My lonely action<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n    </div>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Enw"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                },
+                                {
+                                    "href": "#",
+                                    "html": "Dileu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Dyddiad geni"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Gwybodaeth cyswllt"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Enw\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Dileu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Dyddiad geni\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Gwybodaeth cyswllt\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with some actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "overridden-widths",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "classes": "govuk-!-width-one-half",
+                            "text": "Name"
+                        },
+                        "value": {
+                            "classes": "govuk-!-width-one-quarter",
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "govuk-!-width-one-half",
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key govuk-!-width-one-half\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value govuk-!-width-one-quarter\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions govuk-!-width-one-half\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a custom header level",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant",
+                        "headingLevel": 3
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h3 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h3>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        }
+    ]
+}