You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

@not-govuk/page

Package Overview
Dependencies
Maintainers
1
Versions
73
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@not-govuk/page

A fully branded page with content sandwiched between the header and footer.

0.16.2
latest
npmnpm
Version published
Weekly downloads
717
-62.02%
Maintainers
1
Weekly downloads
 
Created
Source

NotGovUK - Page

A fully branded page with content sandwiched between the header and footer.

Using this package

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;

Working on this package

Before working on this package you must install its dependencies using the following command:

pnpm install

Testing

npm test

Building

npm run build

Clean-up

npm run clean

Keywords

react-components

FAQs

Package last updated on 30 May 2025

Did you know?

Socket

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.

Install

Related posts