diff --git a/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk b/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk
index 2c2b81cb8b..9b69cb5928 100644
--- a/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk
+++ b/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk
@@ -51,12 +51,14 @@
containerClasses: "app-width-container--wide"
}) }}
- {{ govukPhaseBanner({
- tag: {
- text: "Alpha"
- },
- html: 'C\'est un nouveau service - vos commentaires nous aideront à l\'améliorer.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Alpha"
+ },
+ html: 'C\'est un nouveau service - vos commentaires nous aideront à l\'améliorer.'
+ }) }}
+ {% endset %}
{{ govukServiceHeader({
serviceName: "Nom du service",
@@ -74,7 +76,10 @@
href: '#3',
text: 'Élément de navigation 3'
}
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
}) }}
{% endblock %}
diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk
index ebb30121f6..6e39889e12 100644
--- a/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk
+++ b/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk
@@ -95,10 +95,12 @@ notes: Based on elements of Companies Houses company information view
{% block header %}
{{ govukHeader() }}
- {{ govukPhaseBanner({
- tag: { text: 'Alpha' },
- html: 'This is a new service – your feedback will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: { text: 'Alpha' },
+ html: 'This is a new service – your feedback will help us to improve it.'
+ }) }}
+ {% endset %}
{{ govukServiceHeader({
serviceName: 'Manage company information',
serviceUrl: '#/',
@@ -108,7 +110,10 @@ notes: Based on elements of Companies Houses company information view
{ href: '#/3', text: 'People', active: true },
{ href: '#/4', text: 'Registers' },
{ href: '#/4', text: 'More' }
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
}) }}
{% endblock %}
diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk
index 25a610c044..d01f78776c 100644
--- a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk
+++ b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk
@@ -24,14 +24,19 @@ scenario: |
{% block header %}
{{ super() }}
- {{ govukPhaseBanner({
- tag: {
- text: "Beta"
- },
- html: 'This is a new service – your feedback will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Beta"
+ },
+ html: 'This is a new service – your feedback will help us to improve it.'
+ }) }}
+ {% endset %}
{{ govukServiceHeader({
- serviceName: "Apply for a passport"
+ serviceName: "Apply for a passport",
+ slots: {
+ end: phaseBanner
+ }
}) }}
{% endblock %}
diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk
index 9910ed0c51..a1e54f9d45 100644
--- a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk
+++ b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk
@@ -1,6 +1,7 @@
{% extends "layouts/full-page-example.njk" %}
{% from "govuk/components/panel/macro.njk" import govukPanel %}
+{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %}
{% from "govuk/components/service-header/macro.njk" import govukServiceHeader %}
{% set pageTitle = "Photo submitted" %}
@@ -8,12 +9,14 @@
{% block header %}
{{ super() }}
- {{ govukPhaseBanner({
- tag: {
- text: "Beta"
- },
- html: 'This is a new service – your feedback will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Beta"
+ },
+ html: 'This is a new service – your feedback will help us to improve it.'
+ }) }}
+ {% endset %}
{{ govukServiceHeader({
serviceName: "Apply for a passport",
navigation: [
@@ -26,7 +29,10 @@
text: "Upload a photo",
active: true
}
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
}) }}
{% endblock %}
diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk
index e3181ac22f..5a6be52d1e 100644
--- a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk
+++ b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk
@@ -26,12 +26,14 @@ scenario: |
{% block header %}
{{ super() }}
- {{ govukPhaseBanner({
- tag: {
- text: "Beta"
- },
- html: 'This is a new service – your feedback will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Beta"
+ },
+ html: 'This is a new service – your feedback will help us to improve it.'
+ }) }}
+ {% endset %}
{{ govukServiceHeader({
serviceName: "Apply for a passport",
navigation: [
@@ -44,7 +46,10 @@ scenario: |
text: "Upload a photo",
active: true
}
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
}) }}
{% endblock %}