digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
67 lines (66 loc) • 4.8 kB
JSON
{
"component": "banner",
"fixtures": [
{
"name": "default",
"options": {
"title": "This is the title of the banner component.",
"text": "This is the text below the title."
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<section\n data-module=\"dm-banner\"\n role=\"region\"\n aria-label=\"This is the title of the banner component.\"\n class=\"dm-banner\">\n <h2 class=\"dm-banner__title dm-banner__title--large\"\n >\n This is the title of the banner component.\n </h2> <div class=\"dm-banner__body\">\n This is the text below the title.\n </div>\n</section>"
},
{
"name": "with optional headingLevel param",
"options": {
"headingLevel": 1,
"title": "Banner with optional headingLevel param."
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<section\n data-module=\"dm-banner\"\n role=\"region\"\n aria-label=\"Banner with optional headingLevel param.\"\n class=\"dm-banner\">\n <h1 class=\"dm-banner__title\"\n >\n Banner with optional headingLevel param.\n </h1></section>"
},
{
"name": "with all optional parameters",
"options": {
"title": "Banner with all optional parameters.",
"html": "This is the <strong>HTML</strong> below the title.",
"text": "This should not show up.",
"classes": "dm-banner-test-class",
"attributes": {
"dm-banner-test-key-1": "dm-banner-test-value-1",
"dm-banner-test-key-2": "dm-banner-test-value-2"
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<section\n data-module=\"dm-banner\"\n role=\"region\"\n aria-label=\"Banner with all optional parameters.\"\n class=\"dm-banner dm-banner-test-class\" dm-banner-test-key-1=\"dm-banner-test-value-1\" dm-banner-test-key-2=\"dm-banner-test-value-2\">\n <h2 class=\"dm-banner__title dm-banner__title--large\"\n >\n Banner with all optional parameters.\n </h2> <div class=\"dm-banner__body\">\n This is the <strong>HTML</strong> below the title.\n </div>\n</section>"
},
{
"name": "for an expired G-Cloud search",
"options": {
"title": "The G-Cloud 10 services you found have expired",
"html": "If you did not award a contract by Tuesday 2 July 2019, you need to\n<a class=\"govuk-link\" href=\"#\">start a new search for G-Cloud 11 services</a>.\nIf you did award a contract, please tell us the outcome.\n"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<section\n data-module=\"dm-banner\"\n role=\"region\"\n aria-label=\"The G-Cloud 10 services you found have expired\"\n class=\"dm-banner\">\n <h2 class=\"dm-banner__title dm-banner__title--large\"\n >\n The G-Cloud 10 services you found have expired\n </h2> <div class=\"dm-banner__body\">\n If you did not award a contract by Tuesday 2 July 2019, you need to\n<a class=\"govuk-link\" href=\"#\">start a new search for G-Cloud 11 services</a>.\nIf you did award a contract, please tell us the outcome.\n\n </div>\n</section>"
},
{
"name": "for a withdrawn DOS opportunity",
"options": {
"title": "This service was removed on Friday 1 November 2019",
"html": "If you don’t know why this service was removed or you want to reinstate it, contact\n<a class=\"govuk-link\" href=\"mailto:#\">cloud_digital@gca.gov.uk</a>.\n"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<section\n data-module=\"dm-banner\"\n role=\"region\"\n aria-label=\"This service was removed on Friday 1 November 2019\"\n class=\"dm-banner\">\n <h2 class=\"dm-banner__title dm-banner__title--large\"\n >\n This service was removed on Friday 1 November 2019\n </h2> <div class=\"dm-banner__body\">\n If you don’t know why this service was removed or you want to reinstate it, contact\n<a class=\"govuk-link\" href=\"mailto:#\">cloud_digital@gca.gov.uk</a>.\n\n </div>\n</section>"
}
]
}