{
    "component": "attachment",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "link": {
                    "text": "Default attachment",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment"
                }
            },
            "hidden": false,
            "description": "A basic attachment",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--doc\" version=\"1.1\" viewBox=\"0 0 84 120\" width=\"84\" height=\"120\" aria-hidden=\"true\">\n            <path d=\"M74.85 5v106H5\" fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\n            <path d=\"M79.85 10v106H10\" fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Default attachment</a>\n      </h2>\n    </div>\n  </section>"
        },
        {
            "name": "spreadsheet",
            "options": {
                "link": {
                    "text": "Comma-separated values attachment",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.csv"
                },
                "contentType": "text/csv"
            },
            "hidden": false,
            "description": "A spreadsheet attachment",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.csv\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--csv\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zm0 47h18.75v63H12zm55 2v59H51V61h16m2-2H49v63h20V59z\" stroke-width=\"0\"/>\n            <path d=\"M49 61.05V120H32.8V61.05H49m2-2H30.75v63H51V59zm34 2V120H69.05V61.05H85m2-2H67v63h20V59z\" stroke-width=\"0\"/>\n            <path d=\"M30 68.5h56.5M30 77.34h56.5M30 112.7h56.5M30 95.02h56.5M30 86.18h56.5M30 103.86h56.5\" fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.csv\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Comma-separated values attachment</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Comma-separated Values\" class=\"dm-attachment__abbr\">CSV</abbr></span></p>\n    </div>\n  </section>"
        },
        {
            "name": "pdf",
            "options": {
                "link": {
                    "text": "Portable Document Format attachment",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf"
            },
            "hidden": false,
            "description": "A PDF attachment",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Portable Document Format attachment</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span></p>\n    </div>\n  </section>"
        },
        {
            "name": "unknown filetype",
            "options": {
                "link": {
                    "text": "Unknown filetype attachment",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.txt"
                },
                "contentType": "txt"
            },
            "hidden": false,
            "description": "An unknown filetype",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.txt\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--doc\" version=\"1.1\" viewBox=\"0 0 84 120\" width=\"84\" height=\"120\" aria-hidden=\"true\">\n            <path d=\"M74.85 5v106H5\" fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\n            <path d=\"M79.85 10v106H10\" fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.txt\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Unknown filetype attachment</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\">txt</span></p>\n    </div>\n  </section>"
        },
        {
            "name": "with file size",
            "options": {
                "link": {
                    "text": "Attachment with file size",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "fileSize": "21.5 KB"
            },
            "hidden": false,
            "description": "Attachment with file size",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with file size</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span>, <span class=\"dm-attachment__attribute\">21.5 KB</span>\n</p>\n    </div>\n  </section>"
        },
        {
            "name": "with last updated",
            "options": {
                "link": {
                    "text": "Attachment with last updated",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "lastUpdated": {
                    "datetime": "2020-01-01",
                    "text": "New year's day"
                }
            },
            "hidden": false,
            "description": "Attachment with last updated",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with last updated</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span>, <span class=\"dm-attachment__attribute\">Last updated: <time datetime=\"2020-01-01\">New year&#39;s day</time></span>\n</p>\n    </div>\n  </section>"
        },
        {
            "name": "with page count",
            "options": {
                "link": {
                    "text": "Attachment with page count",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "numberOfPages": 12
            },
            "hidden": false,
            "description": "Attachment with page count",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with page count</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span>, <span class=\"dm-attachment__attribute\">12 pages</span>\n</p>\n    </div>\n  </section>"
        },
        {
            "name": "with alternative format contact email",
            "options": {
                "link": {
                    "text": "Attachment with alternative format contact email",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "alternativeFormatContactEmail": "info@gca.gov.uk"
            },
            "hidden": false,
            "description": "Attachment with alternative format contact email",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with alternative format contact email</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span></p>\n        <details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Request an accessible format\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n        If you use assistive technology (such as a screen reader) and need a version of this document in a more accessible format, please email <a href=\"mailto:info@gca.gov.uk\" target=\"_blank\" class=\"govuk-link\">info@gca.gov.uk</a>. Please tell us what format you need. It will help us if you say what assistive technology you use.\n\n  </div>\n</details>\n\n    </div>\n  </section>"
        },
        {
            "name": "with alternative format HTML",
            "options": {
                "link": {
                    "text": "Attachment with alternative format HTML",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "alternativeFormatHtml": "If you need help with this file, please <a href=\"https://www.digitalmarketplace.service.gov.uk\" class=\"govuk-link\">contact us via our contact form</a>."
            },
            "hidden": false,
            "description": "Attachment with alternative format HTML",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with alternative format HTML</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span></p>\n        <details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Request an accessible format\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n        If you need help with this file, please <a href=\"https://www.digitalmarketplace.service.gov.uk\" class=\"govuk-link\">contact us via our contact form</a>.\n\n  </div>\n</details>\n\n    </div>\n  </section>"
        },
        {
            "name": "as only text",
            "options": {
                "contentType": "application/pdf",
                "fileSize": "21.5 KB",
                "link": {
                    "text": "Attachment with no thumbnail",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf",
                    "classes": "govuk-body",
                    "textOnly": true
                }
            },
            "hidden": false,
            "description": "Attachment with no thumbnail, for insertion into body text, etc",
            "previewLayoutModifiers": [],
            "html": "<span class=\"dm-attachment-link govuk-body\">\n    <a\n      href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n      class=\"govuk-link dm-attachment__link\"\n      target=\"_self\"    >Attachment with no thumbnail</a>\n    (<abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr>, 21.5 KB)\n  </span>"
        },
        {
            "name": "with description",
            "options": {
                "link": {
                    "text": "Attachment with description",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "description": {
                    "text": "This is the agreement you signed."
                }
            },
            "hidden": false,
            "description": "Attachment with description",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with description</a>\n      </h2>\n        <div class=\"govuk-hint\">This is the agreement you signed.</div>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span></p>\n    </div>\n  </section>"
        },
        {
            "name": "with custom heading level",
            "options": {
                "link": {
                    "text": "Attachment with custom heading level",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "headingTag": "h3"
            },
            "hidden": false,
            "description": "Attachment with custom heading level",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h3 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with custom heading level</a>\n      </h3>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span></p>\n    </div>\n  </section>"
        },
        {
            "name": "with small thumbnail",
            "options": {
                "link": {
                    "classes": "govuk-!-font-size-19",
                    "text": "Attachment with small thumbnail",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf"
                },
                "contentType": "application/pdf",
                "thumbnailSize": "small"
            },
            "hidden": false,
            "description": "Attachment with small thumbnail",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail dm-attachment__thumbnail--small\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf dm-attachment__thumbnail-image--small\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title govuk-!-font-size-19\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n        >Attachment with small thumbnail</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span></p>\n    </div>\n  </section>"
        },
        {
            "name": "with link attributes",
            "options": {
                "link": {
                    "classes": "govuk-!-font-size-19",
                    "text": "Attachment with link attributes",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment.pdf",
                    "attributes": {
                        "key1": "value1",
                        "key2": "value2"
                    }
                },
                "contentType": "application/pdf"
            },
            "hidden": false,
            "description": "Attachment with link attributes",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\" key1=\"value1\" key2=\"value2\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--pdf\" version=\"1.1\" viewBox=\"0 0 99 140\" width=\"99\" height=\"140\" aria-hidden=\"true\">\n            <path d=\"M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z\" stroke-width=\"0\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title govuk-!-font-size-19\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment.pdf\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_self\"\n key1=\"value1\" key2=\"value2\"        >Attachment with link attributes</a>\n      </h2>\n        <p class=\"dm-attachment__metadata\">\n          <span class=\"dm-attachment__attribute\"><abbr title=\"Portable Document Format\" class=\"dm-attachment__abbr\">PDF</abbr></span></p>\n    </div>\n  </section>"
        },
        {
            "name": "external document",
            "options": {
                "link": {
                    "text": "An external document",
                    "href": "https://digitalmarketplace.service.gov.uk/attachment",
                    "external": true
                }
            },
            "hidden": false,
            "description": "An external document",
            "previewLayoutModifiers": [],
            "html": "<section class=\"dm-attachment\" data-module=\"dm-attachment\">\n    <div class=\"dm-attachment__thumbnail\">\n      <a\n        class=\"govuk-link\"\n        href=\"https://digitalmarketplace.service.gov.uk/attachment\"\n        target=\"_self\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"      >\n          <svg class=\"dm-attachment__thumbnail-image dm-attachment__thumbnail--doc\" version=\"1.1\" viewBox=\"0 0 84 120\" width=\"84\" height=\"120\" aria-hidden=\"true\">\n            <path d=\"M74.85 5v106H5\" fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\n            <path d=\"M79.85 10v106H10\" fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"dm-attachment__details\">\n      <h2 class=\"dm-attachment__title\">\n        <a \n          href=\"https://digitalmarketplace.service.gov.uk/attachment\"\n          class=\"govuk-link dm-attachment__link\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n        >An external document (opens in new tab)</a>\n      </h2>\n    </div>\n  </section>"
        }
    ]
}