ccs-digitalmarketplace-govuk-frontend
Version:
Digital Marketplace GOV.UK Frontend contains the code you need to start building a user interface for Digital Marketplace.
95 lines • 4.51 kB
JSON
{
"component": "temporary-message",
"fixtures": [
{
"name": "default",
"options": {
"heading": "Your G-Cloud 13 application",
"messages": [
{
"text": "Deadline: 8am BST, Tuesday 1 August 2023"
}
],
"link": {
"href": "#",
"text": "Continue your application"
}
},
"hidden": false,
"description": "",
"html": "<div class=\"dm-temporary-message\">\n\n <h2 class=\"dm-temporary-message__heading\">\n Your G-Cloud 13 application\n </h2>\n <p class=\"dm-temporary-message__message\">\n Deadline: 8am BST, Tuesday 1 August 2023\n </p> <a class=\"govuk-link\" href=\"#\">\n Continue your application\n </a></div>"
},
{
"name": "with button",
"options": {
"heading": "Your G-Cloud 13 application",
"messages": [
{
"text": "Deadline: 8am BST, Tuesday 1 August 2023"
}
],
"button": {
"type": "save",
"text": "Continue your application"
}
},
"hidden": false,
"description": "",
"html": "<div class=\"dm-temporary-message\">\n\n <h2 class=\"dm-temporary-message__heading\">\n Your G-Cloud 13 application\n </h2>\n <p class=\"dm-temporary-message__message\">\n Deadline: 8am BST, Tuesday 1 August 2023\n </p> <button type=\"save\" class=\"govuk-button\" data-module=\"govuk-button\">\n Continue your application\n</button></div>"
},
{
"name": "with different heading level",
"options": {
"heading": "Your G-Cloud 13 application",
"messages": [
{
"text": "Deadline: 8am BST, Tuesday 1 August 2023"
}
],
"link": {
"href": "#",
"text": "Continue your application"
},
"headingLevel": 4
},
"hidden": false,
"description": "",
"html": "<div class=\"dm-temporary-message\">\n\n <h4 class=\"dm-temporary-message__heading\">\n Your G-Cloud 13 application\n </h4>\n <p class=\"dm-temporary-message__message\">\n Deadline: 8am BST, Tuesday 1 August 2023\n </p> <a class=\"govuk-link\" href=\"#\">\n Continue your application\n </a></div>"
},
{
"name": "with multiple messages",
"options": {
"heading": "Your G-Cloud 13 application",
"messages": [
{
"text": "Deadline: 8am BST, Tuesday 1 August 2023"
},
{
"text": "You will not be able to submit after the deadline passes"
}
],
"link": {
"href": "#",
"text": "Continue your application"
}
},
"hidden": false,
"description": "",
"html": "<div class=\"dm-temporary-message\">\n\n <h2 class=\"dm-temporary-message__heading\">\n Your G-Cloud 13 application\n </h2>\n <p class=\"dm-temporary-message__message\">\n Deadline: 8am BST, Tuesday 1 August 2023\n </p> <p class=\"dm-temporary-message__message\">\n You will not be able to submit after the deadline passes\n </p> <a class=\"govuk-link\" href=\"#\">\n Continue your application\n </a></div>"
},
{
"name": "no actions",
"options": {
"heading": "Your G-Cloud 13 application",
"messages": [
{
"text": "Deadline: 8am BST, Tuesday 1 August 2023"
}
]
},
"hidden": false,
"description": "",
"html": "<div class=\"dm-temporary-message\">\n\n <h2 class=\"dm-temporary-message__heading\">\n Your G-Cloud 13 application\n </h2>\n <p class=\"dm-temporary-message__message\">\n Deadline: 8am BST, Tuesday 1 August 2023\n </p></div>"
}
]
}