Common Components
1. BackButton

This is used on pages for going back.

2. BorderedSummary

This is used to show a summary - you can change the heading and content in the centre.

My Heading
£10.23
3. Donut

This is used to visualise data in a donut chart. You can configure the colours, number of categories and optional text to display in the middle.

Your latest bill:
£33.33
4. Faq

This is usually placed at the bottom of the page. You can customise the headings and content.

Need some help?

5. KeyPill

This can be used for a Chart/Donut key - you can choose teal or yellow

6. NextLink

Use this component if you need Next.JS to use internal routing.

My Link
7. PageHeader

Use this for Page Headers. You can customise the icon and the text

My Header

8. ReEnterInput

This can be used when you need the user to enter the same field twice, e.g. CTN or Email

With label
With helper
Error Message
Error Message
9. BarChart

Graphical representation of comparison between values