A single package containing everything needed to start building a GOV.UK service.
🚨 This project is in development and these instructions are likely to change. 🚨
Guidance for building a GOV.UK service - [GOV.UK Design System](TODO: Insert link to GOV.UK Design System).
🚨 This will not work until packages are published to npm. 🚨
npm install --save @govuk-frontend/all
Include the CSS and JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<link rel="stylesheet"
href="node_modules/@govuk-frontend/all/all.min.css">
</head>
<body>
<!-- Copy and paste component HTML-->
<button class="govuk-c-button">This is a button component</button>
<script src="node_modules/@govuk-frontend/all/all.min.js"></script>
</body>
</html>
npm install --save @govuk-frontend/all
Install a button component
npm install --save @govuk-frontend/button
All components can be found in the packages directory. Each component has a README with installation and usage instructions.
Copy and paste component HTML [from here](TODO: Insert link to GOV.UK Design System).
In your main.scss file
// All components
@import "@govuk-frontend/all/all";
// Pick and choose components
@import "@govuk-frontend/button/button";
@import "@govuk-frontend/input/input"
Check out the GOV.UK Frontend documentation.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent