digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
237 lines (236 loc) • 27.7 kB
JSON
{
"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'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>"
}
]
}