nhsuk-react-components v3.0.0

nhsuk-react-components

NHS.UK Frontend components ported to React

Notes

This package is developed by NHS Digital, but it is not from the NHS.UK redesign team. Some things may differ between the standard NHS.UK frontend library and this library, however we will try our best to keep this package maintained and up-to-date.

This package is still under development, so there may be breaking changes in minor and patch version updates. As of the 1.0.0 release, only major updates will make breaking changes.

Storybook

A React Storybook featuring all of the components is located here.

Install

npm install --save nhsuk-react-components

yarn add nhsuk-react-components

Usage

import React, { Component } from 'react';

// You can import from the global component
import { Panel } from 'nhsuk-react-components';

// // [RECOMENDED] Or import only the components you will use (this will reduce the total bundle size)
import Panel from 'nhsuk-react-components/lib/components/panel';

class Example extends Component {
  render() {
    return (
      <Panel label="TestPanel">
        <p>Hello!</p>
      </Panel>
    );
  }
}

License

MIT © Thomas Judd-Cooper

NHS.UK styles and components ported from MIT © NHS.UK frontend.