Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 19 additions & 35 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,58 +1,42 @@
# NHS.UK React components

## 6.0.0-beta.5 - 23 January 2026
## 6.0.0 - 10 March 2026

This version provides support for NHS.UK frontend v10.3 and includes:
This version provides support for NHS.UK frontend v10.3.0

You can follow the [upgrade to 6.0 migration guide](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md) to see what's changed and what you need to update.

- React v19 with strict mode support
- React server-side rendering (SSR) support
- React server components (RSC) support
- Forwarded refs from all form inputs

Features from NHS.UK frontend v10.3.0 include:

- [File upload component](https://service-manual.nhs.uk/design-system/components/file-upload)
- [Interruption panel variant](https://service-manual.nhs.uk/design-system/components/panel#interruption-panel)
- [Summary cards](https://service-manual.nhs.uk/design-system/components/summary-list#summary-cards)

With additional support added for NHS.UK frontend v10.2 including:
Features from NHS.UK frontend v10.2.0 include:

- [Password input component](https://service-manual.nhs.uk/design-system/components/password-input)
- [Smaller and inline buttons](https://service-manual.nhs.uk/design-system/components/buttons#smaller-buttons)
- [Text input styles for codes and sequences](https://service-manual.nhs.uk/design-system/components/text-input#codes-and-sequences)
- [Select](https://service-manual.nhs.uk/design-system/components/select) dividers using `<Select.Divider />`

For a full list of changes in this release please refer to the [migration doc](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md).

## 6.0.0-beta.4 - 5 November 2025

This version provides support for NHS.UK frontend v10.1 and includes:

- Support for HTML in legend, label and error props
- Default legend and label to `isPageHeading: true` when `headingLevel` is set

For a full list of changes in this release please refer to the [migration doc](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md).

## 6.0.0-beta.3 - 27 October 2025

This version provides support for NHS.UK frontend v10.1 and includes:
Features from NHS.UK frontend v10.1.0 include:

- [Smaller radios](https://service-manual.nhs.uk/design-system/components/radios#smaller-radios) and [smaller checkboxes](https://service-manual.nhs.uk/design-system/components/checkboxes#smaller-checkboxes)
- [Numbered pagination](https://service-manual.nhs.uk/design-system/components/pagination#for-navigating-between-pages-of-items)
- React strict mode support

For a full list of changes in this release please refer to the [migration doc](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md).

## 6.0.0-beta.2 - 13 October 2025

This version provides support for NHS.UK frontend v10.x, React Server Components (RSC) and fixes a Rollup `'use client'` directive issue.

For a full list of changes in this release please refer to the [migration doc](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md).

## 6.0.0-beta.1 - 8 October 2025

This version provides support for NHS.UK frontend v10.x and adds the [panel component](https://service-manual.nhs.uk/design-system/components/panel) from the NHS.UK design system. Support for React v19 is also included.

For a full list of changes in this release please refer to the [migration doc](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md).

## 6.0.0-beta.0 - 30 September 2025
Features from NHS.UK frontend v10.0.0 include:

This version provides support for NHS.UK frontend v10.x.
- [Header component with account section](https://service-manual.nhs.uk/design-system/components/header)
- [Notification banner component](https://service-manual.nhs.uk/design-system/components/notification-banners)
- [Panel component](https://service-manual.nhs.uk/design-system/components/panel)
- [Full width buttons on mobile](https://service-manual.nhs.uk/design-system/components/buttons)

For a full list of changes in this release please refer to the [migration doc](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md).
For a full list of changes in this release please refer to the [upgrade to 6.0 migration guide](https://github.com/NHSDigital/nhsuk-react-components/blob/main/docs/upgrade-to-6.0.md).

## 5.0.0 - 4 November 2024

Expand Down
33 changes: 19 additions & 14 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,30 +10,35 @@ This repository contains the code for NHS.UK React components - a port of the [N

## Installation

You can install this package using either `yarn` or `npm`.
You can install this package using either `npm` or `yarn`.

```bash
npm install --save nhsuk-react-components

# Or
yarn add nhsuk-react-components
```

## Usage

```jsx
import { PureComponent } from 'react';

// You can import components from the global module
import { Button } from 'nhsuk-react-components';

// Or you can import components directly
import { Button } from 'nhsuk-react-components/dist/esm/components/button';

class GetStartedButton extends PureComponent {
render() {
return <Button>Click Me!</Button>;
}
}
import { DateInput, Form } from 'nhsuk-react-components';

<Form noValidate>
<DateInput
hint="For example, 15 3 1984"
legend="What is your date of birth?"
legendProps={{ size: 'l' }}
id="date-of-birth"
error="Date of birth must include a day"
>
<DateInput.Day />
<DateInput.Month error={false} />
<DateInput.Year error={false} />
</DateInput>

<Button>Save and continue</Button>
</Form>;
```

## Upgrading
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "nhsuk-react-components",
"version": "6.0.0-beta.5",
"version": "6.0.0",
"license": "MIT",
"author": {
"name": "NHS England"
Expand Down
Loading