0.14.0 • Published 10 months ago

@not-govuk/page v0.14.0

Weekly downloads
2
License
MIT
Repository
-
Last release
10 months ago

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
0.14.0

10 months ago

0.13.0

10 months ago

0.12.1

10 months ago

0.12.0

10 months ago

0.11.1

10 months ago

0.11.0

10 months ago

0.10.0

10 months ago

0.8.7

1 year ago

0.9.0

11 months ago

0.9.1

11 months ago

0.8.6

1 year ago

0.8.5

1 year ago

0.8.4

1 year ago

0.8.3

1 year ago

0.8.1

2 years ago

0.8.0

2 years ago

0.8.2

2 years ago

0.7.2

2 years ago

0.7.1

2 years ago

0.7.0

2 years ago

0.6.0

2 years ago

0.5.8

3 years ago

0.5.9

3 years ago

0.5.7

3 years ago

0.5.4

3 years ago

0.5.3

3 years ago

0.5.6

3 years ago

0.5.5

3 years ago

0.5.0

3 years ago

0.5.2

3 years ago

0.5.1

3 years ago

0.4.1

3 years ago

0.4.0

3 years ago

0.4.2

3 years ago

0.3.4

4 years ago

0.3.3

4 years ago

0.3.0

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.2.16

4 years ago

0.2.15

4 years ago

0.2.14

4 years ago

0.2.13

4 years ago

0.2.12

4 years ago

0.2.11

4 years ago

0.2.10

4 years ago

0.2.9

4 years ago

0.2.8

4 years ago

0.2.7

4 years ago

0.2.6

4 years ago

0.2.3

4 years ago

0.2.5

4 years ago

0.2.4

4 years ago

0.2.2

4 years ago

0.2.1

5 years ago

0.2.0

5 years ago