
Product
Introducing Rust Support in Socket
Socket now supports Rust and Cargo, offering package search for all users and experimental SBOM generation for enterprise projects.
@not-govuk/page
Advanced tools
A fully branded page with content sandwiched between the header and footer.
A fully branded page with content sandwiched between the header and footer.
First install the package into your project:
npm install -S @not-govuk/page
Then use it in your code as follows:
import React, { createElement as h } from 'react';
import Page from '@not-govuk/page';
export const MyComponent = props => (
<NotGovUKPage
breadcrumbs={[
{ href: '', text: 'Home' },
{ href: '', text: 'Passports, travel and living abroad' },
{ href: '', text: 'Travel abroad' },
]}
department="home-office"
feedbackHref="#feedback"
footerContent={<p>Built by the <a href="https://www.gov.uk">Government Digital Service</a>.</p>}
footerNavigation={[
{
title: "Services and information",
columns: 2,
items: [
{
href: "#",
text: "Benefits"
},
{
href: "#",
text: "Births, deaths, marriages and care"
},
{
href: "#",
text: "Business and self-employed"
},
{
href: "#",
text: "Childcare and parenting"
},
{
href: "#",
text: "Citizenship and living in the UK"
},
{
href: "#",
text: "Crime, justice and the law"
},
{
href: "#",
text: "Disabled people"
},
{
href: "#",
text: "Driving and transport"
},
{
href: "#",
text: "Education and learning"
},
{
href: "#",
text: "Employing people"
},
{
href: "#",
text: "Environment and countryside"
},
{
href: "#",
text: "Housing and local services"
},
{
href: "#",
text: "Money and tax"
},
{
href: "#",
text: "Passports, travel and living abroad"
},
{
href: "#",
text: "Visas and immigration"
},
{
href: "#",
text: "Working, jobs and pensions"
}
]
},
{
title: "Departments and policy",
items: [
{
href: "#",
text: "How government works"
},
{
href: "#",
text: "Departments"
},
{
href: "#",
text: "Worldwide"
},
{
href: "#",
text: "Policies"
},
{
href: "#",
text: "Publications"
},
{
href: "#",
text: "Announcements"
}
]
}
]}
meta={[
{
href: "#",
text: "Help"
},
{
href: "#",
text: "Cookies"
},
{
href: "#",
text: "Contact"
},
{
href: "#",
text: "Terms and conditions"
},
{
href: "#",
text: "Rhestr o Wasanaethau Cymraeg"
}
]}
phase="alpha"
navigation={[
{ href: '#one', text: 'One', active: true },
{ href: 'two', text: 'Two' },
{ href: 'three', text: 'Three' },
{ href: 'four', text: 'Four' }
]}
organisationHref="#"
phase="alpha"
serviceName="Service name"
serviceHref="#"
>
My page.
</NotGovUKPage>
);
export default MyComponent;
Before working on this package you must install its dependencies using the following command:
pnpm install
npm test
npm run build
npm run clean
FAQs
A fully branded page with content sandwiched between the header and footer.
The npm package @not-govuk/page receives a total of 714 weekly downloads. As such, @not-govuk/page popularity was classified as not popular.
We found that @not-govuk/page demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports Rust and Cargo, offering package search for all users and experimental SBOM generation for enterprise projects.
Product
Socket’s precomputed reachability slashes false positives by flagging up to 80% of vulnerabilities as irrelevant, with no setup and instant results.
Product
Socket is launching experimental protection for Chrome extensions, scanning for malware and risky permissions to prevent silent supply chain attacks.