@hmcts/frontend

HMCTS Frontend

HMCTS Frontend contains the code you need to start building a user interface for HMCTS government platforms and services.

See live examples of HMCTS Frontend components, and guidance on when to use them in your service, in the HMCTS Design System.

Contact the team

HMCTS Frontend is maintained by a team at HMCTS. If you want to know more about HMCTS Frontend, please email the Design System team.

Quick start

We recommend installing HMCTS Frontend using node package manager (npm).

Once installed, you will be able to use the code from the examples in the HMCTS Design System in your service.

Browser support

HMCTS Frontend will allow you to build services that comply with the guidance in the Service Manual.

If you are including HMCTS Frontend as part of a stylesheet that you are generating in your application's build pipeline, you will need to generate and include a separate stylesheet in order to support Internet Explorer 8.

Assistive technology support

HMCTS Frontend will allow you to build services that comply with the guidance in the Service Manual.

In addition, we test that all content is accessible with keyboard only.

We aim to support users who adjust or override the colours of websites they visit. We test this by changing colours in Firefox, by enabling 'High Contrast' mode in Windows and by using the High Contrast plugin for Chrome.

Contribution guidelines

If you want to help us build HMCTS Frontend, view our contribution guidelines.

Changelog

0.0.33-alpha

💥 Breaking changes:

• Import path to macro updated to reflect the agreed convention (Issue #72)
• Changed default SASS path to assets to hmcts-assets from assets so there's no chance of a clash with assets from GOV.UK Frontend, especially when using the extensions in the GOV.UK Prototype Kit.

🔧 Fixes:

• Internet Explorer 11 borders missing on banners. Thanks to Matthew Burstein (PR #69)
• Identity Bar simplified and pulls through menu classes. Thanks to Ed Horsford (Issue #68)