Overview:

govuk-react is an implementation of the GOV.UK Design System in React using CSS-in-JS with styled-components. It aims to track various projects for component implementation and appearance, prioritizing existing CSS as a guide. The project is utilized by various government departments and agencies and is maintained by volunteers.

Features:

• Implementation of GOV.UK Design System in React
• CSS-in-JS using styled-components
• Tracking of project components and appearance
• Compatible with existing govuk pattern sites

Installation:

To install govuk-react, follow these steps:

1. Install the package from npm:

npm install govuk-react

2. Import the GlobalStyle component on all pages:

import { GlobalStyle } from 'govuk-react';

3. Include the GDS Transport font face (for gov.uk domains only).

4. Optionally, include normalize.css or sanitize.css as a CSS reset.

Summary:

govuk-react is a React implementation of the GOV.UK Design System that uses CSS-in-JS with styled-components. It allows for the inclusion of styles inside a module bundle that can be published and consumed by a peer application without relying on a specific CSS build system. It is used by various government departments and agencies and is maintained by volunteers.