digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
40 lines (39 loc) • 7.77 kB
JSON
{
"component": "cookie-banner",
"fixtures": [
{
"name": "default",
"options": {
"serviceName": "Digital Marketplace",
"cookieInfoUrl": "/cookies",
"cookieSettingsUrl": "/user/cookie-settings"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-cookie-banner dm-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on Digital Marketplace\" id=\"dm-cookie-banner\" data-module=\"dm-cookie-banner\">\n <div class=\"govuk-cookie-banner__message dm-cookie-banner__button--main govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n Cookies on Digital Marketplace\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"govuk-body\">We use some essential cookies to make this service work.</p>\n <p class=\"govuk-body\">We’d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--accept\" data-module=\"govuk-button\" data-accept-cookies=\"true\">\n Accept analytics cookies\n </button>\n <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--reject\" data-module=\"govuk-button\" data-accept-cookies=\"false\">\n Reject analytics cookies\n </button>\n <a class=\"govuk-link\" href=\"/cookies\">How Digital Marketplace uses cookies</a>\n </div>\n\n </div>\n <div class=\"govuk-cookie-banner__message dm-cookie-banner--selection-made govuk-width-container\" hidden>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"dm-cookie-banner__confirmation-message govuk-body\">\n You can <a class=\"govuk-link\" href=\"/user/cookie-settings\">change your cookie settings</a> at any time.\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-hide-cookie-banner=\"true\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "with custom service name",
"options": {
"serviceName": "Digital Marketplace Admin"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-cookie-banner dm-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on Digital Marketplace Admin\" id=\"dm-cookie-banner\" data-module=\"dm-cookie-banner\">\n <div class=\"govuk-cookie-banner__message dm-cookie-banner__button--main govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n Cookies on Digital Marketplace Admin\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"govuk-body\">We use some essential cookies to make this service work.</p>\n <p class=\"govuk-body\">We’d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--accept\" data-module=\"govuk-button\" data-accept-cookies=\"true\">\n Accept analytics cookies\n </button>\n <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--reject\" data-module=\"govuk-button\" data-accept-cookies=\"false\">\n Reject analytics cookies\n </button>\n <a class=\"govuk-link\" href=\"/cookies\">How Digital Marketplace Admin uses cookies</a>\n </div>\n\n </div>\n <div class=\"govuk-cookie-banner__message dm-cookie-banner--selection-made govuk-width-container\" hidden>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"dm-cookie-banner__confirmation-message govuk-body\">\n You can <a class=\"govuk-link\" href=\"/users/cookie-settings\">change your cookie settings</a> at any time.\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-hide-cookie-banner=\"true\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "with custom componentID",
"options": {
"serviceName": "Digital Marketplace",
"id": "my-custom-component-id"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-cookie-banner dm-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on Digital Marketplace\" id=\"my-custom-component-id\" data-module=\"dm-cookie-banner\">\n <div class=\"govuk-cookie-banner__message dm-cookie-banner__button--main govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n Cookies on Digital Marketplace\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"govuk-body\">We use some essential cookies to make this service work.</p>\n <p class=\"govuk-body\">We’d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--accept\" data-module=\"govuk-button\" data-accept-cookies=\"true\">\n Accept analytics cookies\n </button>\n <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--reject\" data-module=\"govuk-button\" data-accept-cookies=\"false\">\n Reject analytics cookies\n </button>\n <a class=\"govuk-link\" href=\"/cookies\">How Digital Marketplace uses cookies</a>\n </div>\n\n </div>\n <div class=\"govuk-cookie-banner__message dm-cookie-banner--selection-made govuk-width-container\" hidden>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"dm-cookie-banner__confirmation-message govuk-body\">\n You can <a class=\"govuk-link\" href=\"/users/cookie-settings\">change your cookie settings</a> at any time.\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-hide-cookie-banner=\"true\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n</div>"
}
],
"previewLayout": "full-width"
}