CCS Frontend contains assets and components used in CCS projects
npm install ccs-frontendCrown Commercial Service (CCS) Frontend contains the code you need to start building a user interface for CCS platforms and services.
You can follow the GOV.UK Frontend guide for setting this package up using Node.js package manager (npm).
The only differences are that instead of govuk-frontend you want to install ccs-frontend.
You need to import the CCS Frontend styles into the main Sass file in your
project. You should place the below code before your own Sass rules (or Sass
imports) if you want to override CCS Frontend with your own styles.
To import add the below to your Sass file:
``scss`
@import "node_modules/ccs-frontend/dist/ccs/all";
You can see the GDS guidance for more details on importing styles
Some of the JavaScript included in CCS Frontend improves the usability and
accessibility of the components. You should make sure that you are importing and
initialising JavaScript in your application. This will ensure all users can use it successfully.
You can include JavaScript for all components by copying both ccs-frontend.min.js and ccs-frontend.min.js.map from node_modules/ccs-frontend/dist/ccs/ into your application and referencing the JavaScript directly:
`html`
Next you need to import and initialise CCS Frontend by adding:
`html``
You can see the GDS guidance for more details on importing JavaScript and advanced options
In order to import CCS Frontend images to your project, you should configure your application to reference or copy the relevant CCS Frontend assets.
To be notified when there’s a new release, you can either:
- watch the govuk-frontend Github repository
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.