ComponentFooter
18 of 18 upstream examples match.
Razor component: <NhsukFooter>
Default
Razor Pages and MVC
<nhsuk-footer
meta-options="@(new FooterMetaOptions
{
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Blazor
<NhsukFooter
Meta="@(new FooterMetaOptions
{
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"meta": {
"items": [
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Contact us"
},
{
"href": "#",
"text": "Cookies"
},
{
"href": "#",
"text": "Privacy policy"
},
{
"href": "#",
"text": "Terms and conditions"
}
]
}
}) }}With copyright text only
Razor Pages and MVC
<nhsuk-footer />Blazor
<NhsukFooter />Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({}) }}With copyright text string
Razor Pages and MVC
<nhsuk-footer copyright="© East London NHS Foundation Trust" />Blazor
<NhsukFooter Copyright="@("© East London NHS Foundation Trust")" />Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"copyright": "© East London NHS Foundation Trust"
}) }}With custom copyright text
Razor Pages and MVC
<nhsuk-footer copyright="© East London NHS Foundation Trust" />Blazor
<NhsukFooter
Copyright="@(new FooterCopyrightOptions
{
Text = "© East London NHS Foundation Trust",
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"copyright": {
"text": "© East London NHS Foundation Trust"
}
}) }}With meta and navigation
Razor Pages and MVC
<nhsuk-footer
copyright="© Crown copyright"
navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Home",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Health A to Z",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Live Well",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Mental health",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Care and support",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Pregnancy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS services",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Coronavirus (COVID-19)",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS App",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Find my NHS number",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Your health records",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "About the NHS",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Healthcare abroad",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Other NHS websites",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Profile editor login",
},
],
},
])"
meta-options="@(new FooterMetaOptions
{
Html = @"<p class=""nhsuk-body-s"">
<svg class=""nhsuk-u-static-margin-right-1"" xmlns=""http://www.w3.org/2000/svg"" viewBox=""0 0 41 17"" aria-hidden=""true"" focusable=""false"" height=""17"" width=""41"">
<path fill=""currentColor"" d=""M35.77 12.4V.02l-4.3 2.8V16.8H41v-4.4Zm-10.38-.83a3.93 3.93 0 0 1-4.29.64 4.09 4.09 0 0 1-2.35-3.71 3.97 3.97 0 0 1 7.36-2.2l3.63-2.35A8.25 8.25 0 0 0 22.75.02c-3.1 0-5.8 1.74-7.22 4.3A8.3 8.3 0 0 0 8.3.02 8.4 8.4 0 0 0 0 8.5a8.4 8.4 0 0 0 8.3 8.48c3.1 0 5.8-1.75 7.22-4.32a8.17 8.17 0 0 0 12.7 2.2l1.64 1.93h.25V9.18h-6.79Zm-17.1 1.02A4.04 4.04 0 0 1 4.3 8.5c0-2.25 1.8-4.08 4-4.08s4 1.82 4 4.08c0 2.25-1.8 4.09-4 4.09""/>
</svg>
All content is available under the <a class=""nhsuk-footer__list-item-link"" href=""https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"" rel=""license"">Open Government Licence v3.0</a>, except where otherwise stated.
</p>",
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "About us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Give us feedback",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Our policies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
],
})"
/>Blazor
<NhsukFooter
Copyright="@(new FooterCopyrightOptions
{
Text = "© Crown copyright",
})"
Navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Home",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Health A to Z",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Live Well",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Mental health",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Care and support",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Pregnancy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS services",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Coronavirus (COVID-19)",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS App",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Find my NHS number",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Your health records",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "About the NHS",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Healthcare abroad",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Other NHS websites",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Profile editor login",
},
],
},
])"
Meta="@(new FooterMetaOptions
{
Html = @"<p class=""nhsuk-body-s"">
<svg class=""nhsuk-u-static-margin-right-1"" xmlns=""http://www.w3.org/2000/svg"" viewBox=""0 0 41 17"" aria-hidden=""true"" focusable=""false"" height=""17"" width=""41"">
<path fill=""currentColor"" d=""M35.77 12.4V.02l-4.3 2.8V16.8H41v-4.4Zm-10.38-.83a3.93 3.93 0 0 1-4.29.64 4.09 4.09 0 0 1-2.35-3.71 3.97 3.97 0 0 1 7.36-2.2l3.63-2.35A8.25 8.25 0 0 0 22.75.02c-3.1 0-5.8 1.74-7.22 4.3A8.3 8.3 0 0 0 8.3.02 8.4 8.4 0 0 0 0 8.5a8.4 8.4 0 0 0 8.3 8.48c3.1 0 5.8-1.75 7.22-4.32a8.17 8.17 0 0 0 12.7 2.2l1.64 1.93h.25V9.18h-6.79Zm-17.1 1.02A4.04 4.04 0 0 1 4.3 8.5c0-2.25 1.8-4.08 4-4.08s4 1.82 4 4.08c0 2.25-1.8 4.09-4 4.09""/>
</svg>
All content is available under the <a class=""nhsuk-footer__list-item-link"" href=""https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"" rel=""license"">Open Government Licence v3.0</a>, except where otherwise stated.
</p>",
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "About us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Give us feedback",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Our policies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
],
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"copyright": {
"text": "© Crown copyright"
},
"navigation": [
{
"items": [
{
"href": "#",
"text": "Home"
},
{
"href": "#",
"text": "Health A to Z"
},
{
"href": "#",
"text": "Live Well"
},
{
"href": "#",
"text": "Mental health"
},
{
"href": "#",
"text": "Care and support"
},
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Pregnancy"
},
{
"href": "#",
"text": "NHS services"
},
{
"href": "#",
"text": "Coronavirus (COVID-19)"
}
]
},
{
"items": [
{
"href": "#",
"text": "NHS App"
},
{
"href": "#",
"text": "Find my NHS number"
},
{
"href": "#",
"text": "Your health records"
},
{
"href": "#",
"text": "About the NHS"
},
{
"href": "#",
"text": "Healthcare abroad"
}
]
},
{
"items": [
{
"href": "#",
"text": "Other NHS websites"
},
{
"href": "#",
"text": "Profile editor login"
}
]
}
],
"meta": {
"html": "<p class=\"nhsuk-body-s\">\n <svg class=\"nhsuk-u-static-margin-right-1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 41 17\" aria-hidden=\"true\" focusable=\"false\" height=\"17\" width=\"41\">\n <path fill=\"currentColor\" d=\"M35.77 12.4V.02l-4.3 2.8V16.8H41v-4.4Zm-10.38-.83a3.93 3.93 0 0 1-4.29.64 4.09 4.09 0 0 1-2.35-3.71 3.97 3.97 0 0 1 7.36-2.2l3.63-2.35A8.25 8.25 0 0 0 22.75.02c-3.1 0-5.8 1.74-7.22 4.3A8.3 8.3 0 0 0 8.3.02 8.4 8.4 0 0 0 0 8.5a8.4 8.4 0 0 0 8.3 8.48c3.1 0 5.8-1.75 7.22-4.32a8.17 8.17 0 0 0 12.7 2.2l1.64 1.93h.25V9.18h-6.79Zm-17.1 1.02A4.04 4.04 0 0 1 4.3 8.5c0-2.25 1.8-4.08 4-4.08s4 1.82 4 4.08c0 2.25-1.8 4.09-4 4.09\"/>\n </svg>\n All content is available under the <a class=\"nhsuk-footer__list-item-link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" rel=\"license\">Open Government Licence v3.0</a>, except where otherwise stated.\n</p>",
"items": [
{
"href": "#",
"text": "About us"
},
{
"href": "#",
"text": "Give us feedback"
},
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Our policies"
},
{
"href": "#",
"text": "Cookies"
}
]
}
}) }}With meta HTML
Razor Pages and MVC
<nhsuk-footer
meta-options="@(new FooterMetaOptions
{
Html = "<p class=\"nhsuk-body-s\">NHS prototype kit v8.0.0</p>",
})"
/>Blazor
<NhsukFooter
Meta="@(new FooterMetaOptions
{
Html = "<p class=\"nhsuk-body-s\">NHS prototype kit v8.0.0</p>",
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"meta": {
"html": "<p class=\"nhsuk-body-s\">NHS prototype kit v8.0.0</p>"
}
}) }}With meta HTML via call block
Razor Pages and MVC
<nhsuk-footer>
<p class="nhsuk-body-s">NHS prototype kit v8.0.0</p>
</nhsuk-footer>Blazor
<NhsukFooter>
<p class="nhsuk-body-s">NHS prototype kit v8.0.0</p>
</NhsukFooter>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{% call footer({}) %}
<p class="nhsuk-body-s">NHS prototype kit v8.0.0</p>
{% endcall %}With meta links
Razor Pages and MVC
<nhsuk-footer
meta-options="@(new FooterMetaOptions
{
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Blazor
<NhsukFooter
Meta="@(new FooterMetaOptions
{
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"meta": {
"items": [
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Contact us"
},
{
"href": "#",
"text": "Cookies"
},
{
"href": "#",
"text": "Privacy policy"
},
{
"href": "#",
"text": "Terms and conditions"
}
]
}
}) }}With meta links and HTML
Razor Pages and MVC
<nhsuk-footer
copyright=""
meta-options="@(new FooterMetaOptions
{
Html = @"<p class=""nhsuk-body-s"">All content is available under the Open Government Licence v3.0, except where otherwise stated.</p>
<p class=""nhsuk-body-s"">© Custom copyright</p>",
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Blazor
<NhsukFooter
Copyright="@(new FooterCopyrightOptions
{
Text = "",
})"
Meta="@(new FooterMetaOptions
{
Html = @"<p class=""nhsuk-body-s"">All content is available under the Open Government Licence v3.0, except where otherwise stated.</p>
<p class=""nhsuk-body-s"">© Custom copyright</p>",
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"copyright": {
"text": ""
},
"meta": {
"html": "<p class=\"nhsuk-body-s\">All content is available under the Open Government Licence v3.0, except where otherwise stated.</p>\n<p class=\"nhsuk-body-s\">© Custom copyright</p>",
"items": [
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Contact us"
},
{
"href": "#",
"text": "Cookies"
},
{
"href": "#",
"text": "Privacy policy"
},
{
"href": "#",
"text": "Terms and conditions"
}
]
}
}) }}With meta links and text
Razor Pages and MVC
<nhsuk-footer
copyright="© Crown copyright"
meta-options="@(new FooterMetaOptions
{
Text = "All content is available under the Open Government Licence v3.0, except where otherwise stated.",
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Blazor
<NhsukFooter
Copyright="@(new FooterCopyrightOptions
{
Text = "© Crown copyright",
})"
Meta="@(new FooterMetaOptions
{
Text = "All content is available under the Open Government Licence v3.0, except where otherwise stated.",
Items = [
new FooterMetaItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterMetaItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"copyright": {
"text": "© Crown copyright"
},
"meta": {
"text": "All content is available under the Open Government Licence v3.0, except where otherwise stated.",
"items": [
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Contact us"
},
{
"href": "#",
"text": "Cookies"
},
{
"href": "#",
"text": "Privacy policy"
},
{
"href": "#",
"text": "Terms and conditions"
}
]
}
}) }}With meta text
Razor Pages and MVC
<nhsuk-footer meta="NHS prototype kit v8.0.0" />Blazor
<NhsukFooter
Meta="@(new FooterMetaOptions
{
Text = "NHS prototype kit v8.0.0",
})"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"meta": {
"text": "NHS prototype kit v8.0.0"
}
}) }}With meta text string
Razor Pages and MVC
<nhsuk-footer meta="NHS prototype kit v8.0.0" />Blazor
<NhsukFooter Meta="@("NHS prototype kit v8.0.0")" />Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"meta": "NHS prototype kit v8.0.0"
}) }}With multiple navigation groups
Razor Pages and MVC
<nhsuk-footer
copyright="© Crown copyright"
navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Home",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Health A to Z",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS services",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Live Well",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Mental health",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Care and support",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Pregnancy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "COVID-19",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS App",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Find my NHS number",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "View your GP health records",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "View your test results",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "About the NHS",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Healthcare abroad",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Other NHS websites",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Profile editor login",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "About us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Give us feedback",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Our policies",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Cookies",
},
],
},
])"
/>Blazor
<NhsukFooter
Copyright="@(new FooterCopyrightOptions
{
Text = "© Crown copyright",
})"
Navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Home",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Health A to Z",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS services",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Live Well",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Mental health",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Care and support",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Pregnancy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "COVID-19",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "NHS App",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Find my NHS number",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "View your GP health records",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "View your test results",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "About the NHS",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Healthcare abroad",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Other NHS websites",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Profile editor login",
},
],
},
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "About us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Give us feedback",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Our policies",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Cookies",
},
],
},
])"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"copyright": {
"text": "© Crown copyright"
},
"navigation": [
{
"items": [
{
"href": "#",
"text": "Home"
},
{
"href": "#",
"text": "Health A to Z"
},
{
"href": "#",
"text": "NHS services"
},
{
"href": "#",
"text": "Live Well"
},
{
"href": "#",
"text": "Mental health"
},
{
"href": "#",
"text": "Care and support"
},
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Pregnancy"
},
{
"href": "#",
"text": "COVID-19"
}
]
},
{
"items": [
{
"href": "#",
"text": "NHS App"
},
{
"href": "#",
"text": "Find my NHS number"
},
{
"href": "#",
"text": "View your GP health records"
},
{
"href": "#",
"text": "View your test results"
},
{
"href": "#",
"text": "About the NHS"
},
{
"href": "#",
"text": "Healthcare abroad"
}
]
},
{
"items": [
{
"href": "#",
"text": "Other NHS websites"
},
{
"href": "#",
"text": "Profile editor login"
}
]
},
{
"items": [
{
"href": "#",
"text": "About us"
},
{
"href": "#",
"text": "Give us feedback"
},
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Our policies"
},
{
"href": "#",
"text": "Cookies"
}
]
}
]
}) }}With multiple navigation groups and custom HTML
Razor Pages and MVC
<nhsuk-footer
copyright="© 2025 – Manchester University NHS Foundation Trust"
columns="3"
navigation="@([
new FooterNavigationOptions
{
Width = "one-quarter",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "About us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Give us feedback",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
],
},
new FooterNavigationOptions
{
Width = "one-quarter",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
},
new FooterNavigationOptions
{
Width = "one-half",
Html = @"<p class=""nhsuk-body-s nhsuk-u-margin-bottom-6""><strong>Manchester
University NHS Foundation Trust (MFT)</strong> was formed on 1st
October 2017 following the merger of Central Manchester University
Hospitals NHS Foundation Trust (CMFT) and University Hospital of
South Manchester NHS Foundation Trust (UHSM).</p>",
},
new FooterNavigationOptions
{
Width = "full",
Html = @"<p class=""nhsuk-body-s"">Cobbett House, Manchester University NHS
Foundation Trust, Oxford Road, Manchester, M13 9WL</p>",
},
])"
/>Blazor
<NhsukFooter
Copyright="@(new FooterCopyrightOptions
{
Text = "© 2025 – Manchester University NHS Foundation Trust",
})"
Columns="3"
Navigation="@([
new FooterNavigationOptions
{
Width = "one-quarter",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "About us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Give us feedback",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
],
},
new FooterNavigationOptions
{
Width = "one-quarter",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
},
new FooterNavigationOptions
{
Width = "one-half",
Html = @"<p class=""nhsuk-body-s nhsuk-u-margin-bottom-6""><strong>Manchester
University NHS Foundation Trust (MFT)</strong> was formed on 1st
October 2017 following the merger of Central Manchester University
Hospitals NHS Foundation Trust (CMFT) and University Hospital of
South Manchester NHS Foundation Trust (UHSM).</p>",
},
new FooterNavigationOptions
{
Width = "full",
Html = @"<p class=""nhsuk-body-s"">Cobbett House, Manchester University NHS
Foundation Trust, Oxford Road, Manchester, M13 9WL</p>",
},
])"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"copyright": {
"text": "© 2025 – Manchester University NHS Foundation Trust"
},
"columns": 3,
"navigation": [
{
"width": "one-quarter",
"items": [
{
"href": "#",
"text": "About us"
},
{
"href": "#",
"text": "Give us feedback"
},
{
"href": "#",
"text": "Accessibility statement"
}
]
},
{
"width": "one-quarter",
"items": [
{
"href": "#",
"text": "Cookies"
},
{
"href": "#",
"text": "Privacy policy"
},
{
"href": "#",
"text": "Terms and conditions"
}
]
},
{
"width": "one-half",
"html": "<p class=\"nhsuk-body-s nhsuk-u-margin-bottom-6\"><strong>Manchester\nUniversity NHS Foundation Trust (MFT)</strong> was formed on 1st\nOctober 2017 following the merger of Central Manchester University\nHospitals NHS Foundation Trust (CMFT) and University Hospital of\nSouth Manchester NHS Foundation Trust (UHSM).</p>"
},
{
"width": "full",
"html": "<p class=\"nhsuk-body-s\">Cobbett House, Manchester University NHS\nFoundation Trust, Oxford Road, Manchester, M13 9WL</p>"
}
]
}) }}With multiple navigation groups and headings
Razor Pages and MVC
<nhsuk-footer
navigation="@([
new FooterNavigationOptions
{
Heading = new FooterNavigationHeadingOptions
{
Text = "Legal",
},
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Looking after your data",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Freedom of information",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Modern Slavery and human trafficking statement",
},
],
},
new FooterNavigationOptions
{
Heading = new FooterNavigationHeadingOptions
{
Text = "Get in touch",
},
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Press office",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Tell us what you think of our website",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "RSS feeds",
},
],
},
new FooterNavigationOptions
{
Heading = new FooterNavigationHeadingOptions
{
Text = "Follow us",
},
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "LinkedIn",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "YouTube",
},
],
},
])"
/>Blazor
<NhsukFooter
Navigation="@([
new FooterNavigationOptions
{
Heading = new FooterNavigationHeadingOptions
{
Text = "Legal",
},
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Looking after your data",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Freedom of information",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Modern Slavery and human trafficking statement",
},
],
},
new FooterNavigationOptions
{
Heading = new FooterNavigationHeadingOptions
{
Text = "Get in touch",
},
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Press office",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Tell us what you think of our website",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "RSS feeds",
},
],
},
new FooterNavigationOptions
{
Heading = new FooterNavigationHeadingOptions
{
Text = "Follow us",
},
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "LinkedIn",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "YouTube",
},
],
},
])"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"navigation": [
{
"heading": {
"text": "Legal"
},
"items": [
{
"href": "#",
"text": "Looking after your data"
},
{
"href": "#",
"text": "Freedom of information"
},
{
"href": "#",
"text": "Modern Slavery and human trafficking statement"
}
]
},
{
"heading": {
"text": "Get in touch"
},
"items": [
{
"href": "#",
"text": "Contact us"
},
{
"href": "#",
"text": "Press office"
},
{
"href": "#",
"text": "Tell us what you think of our website"
},
{
"href": "#",
"text": "RSS feeds"
}
]
},
{
"heading": {
"text": "Follow us"
},
"items": [
{
"href": "#",
"text": "LinkedIn"
},
{
"href": "#",
"text": "YouTube"
}
]
}
]
}) }}With multiple navigation groups and headings as strings
Razor Pages and MVC
<nhsuk-footer
navigation="@([
new FooterNavigationOptions
{
Heading = "Legal",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Looking after your data",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Freedom of information",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Modern Slavery and human trafficking statement",
},
],
},
new FooterNavigationOptions
{
Heading = "Get in touch",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Press office",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Tell us what you think of our website",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "RSS feeds",
},
],
},
new FooterNavigationOptions
{
Heading = "Follow us",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "LinkedIn",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "YouTube",
},
],
},
])"
/>Blazor
<NhsukFooter
Navigation="@([
new FooterNavigationOptions
{
Heading = "Legal",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Looking after your data",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Freedom of information",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Modern Slavery and human trafficking statement",
},
],
},
new FooterNavigationOptions
{
Heading = "Get in touch",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Press office",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Tell us what you think of our website",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "RSS feeds",
},
],
},
new FooterNavigationOptions
{
Heading = "Follow us",
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "LinkedIn",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "YouTube",
},
],
},
])"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"navigation": [
{
"heading": "Legal",
"items": [
{
"href": "#",
"text": "Looking after your data"
},
{
"href": "#",
"text": "Freedom of information"
},
{
"href": "#",
"text": "Modern Slavery and human trafficking statement"
}
]
},
{
"heading": "Get in touch",
"items": [
{
"href": "#",
"text": "Contact us"
},
{
"href": "#",
"text": "Press office"
},
{
"href": "#",
"text": "Tell us what you think of our website"
},
{
"href": "#",
"text": "RSS feeds"
}
]
},
{
"heading": "Follow us",
"items": [
{
"href": "#",
"text": "LinkedIn"
},
{
"href": "#",
"text": "YouTube"
}
]
}
]
}) }}With single navigation group
Razor Pages and MVC
<nhsuk-footer
navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
},
])"
/>Blazor
<NhsukFooter
Navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Contact us",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Cookies",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
},
])"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"navigation": {
"items": [
{
"href": "#",
"text": "Accessibility statement"
},
{
"href": "#",
"text": "Contact us"
},
{
"href": "#",
"text": "Cookies"
},
{
"href": "#",
"text": "Privacy policy"
},
{
"href": "#",
"text": "Terms and conditions"
}
]
}
}) }}With single navigation group (empty items)
Razor Pages and MVC
<nhsuk-footer
navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
null,
null,
new FooterNavigationItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
},
])"
/>Blazor
<NhsukFooter
Navigation="@([
new FooterNavigationOptions
{
Items = [
new FooterNavigationItemsItem
{
Href = "#",
Text = "Accessibility statement",
},
null,
null,
new FooterNavigationItemsItem
{
Href = "#",
Text = "Privacy policy",
},
new FooterNavigationItemsItem
{
Href = "#",
Text = "Terms and conditions",
},
],
},
])"
/>Nunjucks (upstream)
{% from "nhsuk/components/footer/macro.njk" import footer %}
{{ footer({
"navigation": {
"items": [
{
"href": "#",
"text": "Accessibility statement"
},
false,
false,
{
"href": "#",
"text": "Privacy policy"
},
{
"href": "#",
"text": "Terms and conditions"
}
]
}
}) }}