govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
544 lines (543 loc) • 34.5 kB
JSON
{
"component": "cookie-banner",
"fixtures": [
{
"name": "default",
"options": {
"messages": [
{
"headingText": "Cookies on this government service",
"text": "We use analytics cookies to help understand how users use our service.",
"actions": [
{
"text": "Accept analytics cookies",
"type": "submit",
"name": "cookies",
"value": "accept"
},
{
"text": "Reject analytics cookies",
"type": "submit",
"name": "cookies",
"value": "reject"
},
{
"text": "View cookie preferences",
"href": "/cookie-preferences"
}
]
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": true,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message 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 this government service\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Accept analytics cookies\n </button>\n <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Reject analytics cookies\n </button>\n <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n </div>\n\n </div>\n</div>"
},
{
"name": "accepted confirmation banner",
"options": {
"messages": [
{
"text": "Your cookie preferences have been saved. You have accepted cookies.",
"role": "alert",
"actions": [
{
"text": "Hide cookie message",
"type": "button"
}
]
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\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=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</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\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "rejected confirmation banner",
"options": {
"messages": [
{
"text": "Your cookie preferences have been saved. You have rejected cookies.",
"role": "alert",
"actions": [
{
"text": "Hide cookie message",
"type": "button"
}
]
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\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=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</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\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "with html",
"options": {
"messages": [
{
"headingHtml": "Cookies on <span>my service</span>",
"html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n<p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n",
"actions": [
{
"text": "Accept analytics cookies",
"type": "submit",
"name": "cookies",
"value": "accept"
},
{
"text": "Reject analytics cookies",
"type": "submit",
"name": "cookies",
"value": "reject"
},
{
"text": "View cookie preferences",
"href": "/cookie-preferences"
}
]
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message 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 <span>my service</span>\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n <p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Accept analytics cookies\n </button>\n <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Reject analytics cookies\n </button>\n <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n </div>\n\n </div>\n</div>"
},
{
"name": "heading html",
"options": {
"messages": [
{
"headingHtml": "Cookies on <span>my service</span>"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message 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 <span>my service</span>\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "heading html as text",
"options": {
"messages": [
{
"headingText": "Cookies on <span>my service</span>"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message 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 <span>my service</span>\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "html",
"options": {
"messages": [
{
"html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\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=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "classes",
"options": {
"messages": [
{
"classes": "app-my-class"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message app-my-class govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "attributes",
"options": {
"messages": [
{
"attributes": {
"data-attribute": "my-value"
}
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\" data-attribute=\"my-value\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "custom aria label",
"options": {
"ariaLabel": "Cookies on GOV.UK",
"messages": [
{
"text": "We use cookies on GOV.UK"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on GOV.UK\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\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=\"govuk-body\">We use cookies on GOV.UK</p>\n </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "hidden",
"options": {
"messages": [
{
"hidden": true
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message 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 </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "hidden false",
"options": {
"messages": [
{
"hidden": false
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n\n </div>\n</div>"
},
{
"name": "default action",
"options": {
"messages": [
{
"actions": [
{
"text": "This is a button"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n This is a button\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "link",
"options": {
"messages": [
{
"actions": [
{
"text": "This is a link",
"href": "/link"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n </div>\n\n </div>\n</div>"
},
{
"name": "link with false button options",
"options": {
"messages": [
{
"actions": [
{
"text": "This is a link",
"href": "/link",
"value": "cookies",
"name": "link"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n </div>\n\n </div>\n</div>"
},
{
"name": "link as a button",
"options": {
"messages": [
{
"actions": [
{
"text": "This is a link",
"href": "/link",
"type": "button"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <a href=\"/link\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n This is a link\n </a>\n </div>\n\n </div>\n</div>"
},
{
"name": "type",
"options": {
"messages": [
{
"actions": [
{
"text": "Button",
"type": "button"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n Button\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "button classes",
"options": {
"messages": [
{
"actions": [
{
"text": "Button with custom classes",
"classes": "my-button-class app-button-class"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"button\" class=\"govuk-button my-button-class app-button-class\" data-module=\"govuk-button\">\n Button with custom classes\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "button attributes",
"options": {
"messages": [
{
"actions": [
{
"text": "Button with attributes",
"attributes": {
"data-button-attribute": "my-value"
}
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\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-button-attribute=\"my-value\">\n Button with attributes\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "link classes",
"options": {
"messages": [
{
"actions": [
{
"text": "Link with custom classes",
"href": "/my-link",
"classes": "my-link-class app-link-class"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <a class=\"govuk-link my-link-class app-link-class\" href=\"/my-link\">Link with custom classes</a>\n </div>\n\n </div>\n</div>"
},
{
"name": "link attributes",
"options": {
"messages": [
{
"actions": [
{
"text": "Link with attributes",
"href": "/link",
"attributes": {
"data-link-attribute": "my-value"
}
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-cookie-banner__content\">\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <a class=\"govuk-link\" href=\"/link\" data-link-attribute=\"my-value\">Link with attributes</a>\n </div>\n\n </div>\n</div>"
},
{
"name": "client-side implementation",
"options": {
"messages": [
{
"headingText": "Cookies on this service",
"text": "We use cookies to help understand how users use our service.",
"actions": [
{
"text": "Accept analytics cookies",
"type": "submit",
"name": "cookies",
"value": "accept"
},
{
"text": "Reject analytics cookies",
"type": "submit",
"name": "cookies",
"value": "reject"
},
{
"text": "View cookie preferences",
"href": "/cookie-preferences"
}
]
},
{
"text": "Your cookie preferences have been saved. You have accepted cookies.",
"role": "alert",
"hidden": true,
"actions": [
{
"text": "Hide cookie message",
"type": "button"
}
]
},
{
"text": "Your cookie preferences have been saved. You have rejected cookies.",
"role": "alert",
"hidden": true,
"actions": [
{
"text": "Hide cookie message",
"type": "button"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n <div class=\"govuk-cookie-banner__message 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 this service\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Accept analytics cookies\n </button>\n <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Reject analytics cookies\n </button>\n <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n </div>\n\n </div>\n <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" 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=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</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\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" 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=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</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\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n</div>"
},
{
"name": "full banner hidden",
"options": {
"hidden": true,
"classes": "hide-cookie-banner",
"attributes": {
"data-hide-cookie-banner": "true"
},
"messages": [
{
"headingText": "Cookies on this service",
"text": "We use cookies to help understand how users use our service.",
"actions": [
{
"text": "Accept analytics cookies",
"type": "submit",
"name": "cookies",
"value": "accept"
},
{
"text": "Reject analytics cookies",
"type": "submit",
"name": "cookies",
"value": "reject"
},
{
"text": "View cookie preferences",
"href": "/cookie-preferences"
}
]
},
{
"text": "Your cookie preferences have been saved. You have accepted cookies.",
"role": "alert",
"actions": [
{
"text": "Hide cookie message",
"type": "button"
}
]
},
{
"text": "Your cookie preferences have been saved. You have rejected cookies.",
"role": "alert",
"actions": [
{
"text": "Hide cookie message",
"type": "button"
}
]
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-cookie-banner hide-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\" hidden data-hide-cookie-banner=\"true\">\n <div class=\"govuk-cookie-banner__message 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 this service\n </h2>\n <div class=\"govuk-cookie-banner__content\">\n <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n </div>\n </div>\n </div>\n\n <div class=\"govuk-button-group\">\n <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Accept analytics cookies\n </button>\n <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n Reject analytics cookies\n </button>\n <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n </div>\n\n </div>\n <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\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=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</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\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\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=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</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\">\n Hide cookie message\n </button>\n </div>\n\n </div>\n</div>"
}
]
}