LBH Frontend contains the code you need to start building a user interface for Hackney platforms and services. It is based heavily off [GOV.UK Frontend] (https://github.com/alphagov/govuk-frontend)
We use Browserstack:
LBH Frontend is maintained by the in-house Digital Design Team, based in Hackney Service Centre. If you want to know more about LBH Frontend, please email Emma Lewis.
There are 2 ways to start using LBH Frontend in your app.
Once installed, you will be able to use the code from the examples in the LBH Pattern Library in your service.
We recommend installing LBH Frontend using node package manager (npm).
You can also download the compiled and minified assets (CSS, JavaScript) from GitHub.
LBH Frontend will allow you to build services that comply with the guidance in the GOV.UK Service Manual.
Currently, LBH Frontend officially supports the following browsers:
| Operating system | Browser | Support |
|---|---|---|
| Windows | Internet Explorer 8-10 | functional |
| Windows | Internet Explorer 11 | compliant |
| Windows | Edge (latest 2 versions) | compliant |
| Windows | Google Chrome (latest 2 versions) | compliant |
| Windows | Mozilla Firefox (latest 2 versions) | compliant |
| macOS | Safari 9+ | compliant |
| macOS | Google Chrome (latest 2 versions) | compliant |
| macOS | Mozilla Firefox (latest 2 versions) | compliant |
| iOS | Safari for iOS 9.3+ | compliant |
| iOS | Google Chrome (latest 2 versions) | compliant |
| Android | Google Chrome (latest 2 versions) | compliant |
| Android | Samsung Internet (latest 2 versions) | compliant |
‘Compliant’ means that the components must look as good and function as well as they do in other modern browsers.
'Functional' means the components may not look perfect in the given browser, but must still be usable without errors and without 'looking broken'.
If you are including LBH 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.
LBH Frontend will allow you to build services that comply with the guidance in the GOV.UK Service Manual.
Currently, LBH Frontend officially supports the following assistive technologies:
| Software | Version | Type | Browser |
|---|---|---|---|
| JAWS | 15 or later | screen reader | Internet Explorer 11 |
| ZoomText | 10.11 or later | screen magnifier | Internet Explorer 11 |
| Dragon NaturallySpeaking | 11 or later | speech recognition | Internet Explorer 11 |
| NVDA | 2016 or later | screen reader | Firefox (latest versions) |
| VoiceOver | 7.0 or later | screen reader | Safari on iOS10 and OS X |
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.
To be notified when there’s a new release, you can either:
Find out how to update with npm.
Unless stated otherwise, the codebase is released under the MIT License. This covers both the codebase and any sample code in the documentation. The documentation is © Crown copyright and available under the terms of the Open Government 3.0 licence.
If you want to help us build LBH Frontend, view our contribution guidelines.