How nhsdigital/nhsuk-react-components works
NHS.UK React Components is a reusable React UI library porting NHS.UK frontend components. The principal workflow is that a consuming application imports components from the package entry point, composes them into a page or form, and renders NHS-styled UI. Its distinct capability areas include content presentation, form controls, navigation, layout, and page patterns. The sampled entry point confirms exports of components, patterns, and shared types; individual component wiring was not sampled, so the graph does not infer internal call relationships.
Main entry points: src/index.ts Package exports · patterns/index.ts Page patterns · components/index.ts Component exports
Components 11
Content presentation
- Content components
src/components/content-presentation
Form elements
- Form controls
src/components/form-elements
Navigation
- Navigation components
src/components/navigation
Layout and typography
- Layout and typography
src/components/layout - Typography
src/components/typography
Page patterns
- Page patterns
src/patterns/index.ts - A–Z navigation
src/patterns/nav-a-z/NavAZ.tsx - Review date
src/patterns/review-date/ReviewDate.tsx
Other components
- Consuming application
- Package exports
src/index.ts - Component exports
src/components/index.ts
Connections 3
- Consuming application → Package exports: imports
- Package exports → Component exports: exports
- Package exports → Page patterns: exports