Skip to content

Commit fd6b86a

Browse files
Add to upgrade guide
1 parent 8d32a9f commit fd6b86a

File tree

1 file changed

+22
-8
lines changed

1 file changed

+22
-8
lines changed

docs/upgrade-to-6.0.md

Lines changed: 22 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -22,19 +22,20 @@ The updated [header](https://service-manual.nhs.uk/design-system/components/head
2222

2323
You can now use smaller versions of the [radios](https://service-manual.nhs.uk/design-system/components/radios) and [checkboxes](https://service-manual.nhs.uk/design-system/components/checkboxes) components by adding the `small` prop.
2424

25-
### Panel component
25+
### Numbered pagination component
2626

27-
The [panel](https://service-manual.nhs.uk/design-system/components/panel) component from NHS.UK frontend v9.3.0 has been added:
27+
The [pagination](https://service-manual.nhs.uk/design-system/components/notification-banner) component from NHS.UK frontend v10.1 has been updated to support numbered pagination:
2828

2929
```jsx
30-
<Panel>
31-
<Panel.Title>Booking complete</Panel.Title>
32-
We have sent you a confirmation email
33-
</Panel>
30+
<Pagination>
31+
<Pagination.Link href="/results?page=1" previous />
32+
<Pagination.Item href="/results?page=1" number={1} />
33+
<Pagination.Item href="/results?page=2" number={2} current />
34+
<Pagination.Item href="/results?page=3" number={3} />
35+
<Pagination.Link href="/results?page=3" next />
36+
</Pagination>
3437
```
3538

36-
This replaces the [list panel component](#list-panel) which was removed in NHS.UK frontend v6.0.0.
37-
3839
### Notification banner component
3940

4041
The [notification banner](https://service-manual.nhs.uk/design-system/components/notification-banner) component from NHS.UK frontend v10 has been added:
@@ -46,6 +47,19 @@ The [notification banner](https://service-manual.nhs.uk/design-system/components
4647
</NotificationBanner>
4748
```
4849

50+
### Panel component
51+
52+
The [panel](https://service-manual.nhs.uk/design-system/components/panel) component from NHS.UK frontend v9.3.0 has been added:
53+
54+
```jsx
55+
<Panel>
56+
<Panel.Title>Booking complete</Panel.Title>
57+
We have sent you a confirmation email
58+
</Panel>
59+
```
60+
61+
This replaces the [list panel component](#list-panel) which was removed in NHS.UK frontend v6.0.0.
62+
4963
### Support for React Server Components (RSC)
5064

5165
All components have been tested as React Server Components (RSC) but due to [multipart namespace component limitations](https://ivicabatinic.from.hr/posts/multipart-namespace-components-addressing-rsc-and-dot-notation-issues) an alternative syntax (without dot notation) can be used as a workaround:

0 commit comments

Comments
 (0)