Using CSS and JavaScript
To use the CSS and JavaScript from FCDO Frontend include the compiled CSS file directly in your HTML:
Set up and extend GOV.UK Frontend
Next, follow the instructions for installing GOV.UK Frontend and continue to:
1. Add another link tag for FCDO Frontend styles following GOV.UK Frontend styles in the head tag:
<link rel="stylesheet" href="/stylesheets/govuk-frontend.min.css" />
<link rel="stylesheet" href="/stylesheets/fcdo-frontend.min.css">
2. Add script tags for FCDO Frontend JavaScript alongside GOV.UK Frontend scripts at the bottom of the body tag.
<script type="module" src="/javascript/govuk-frontend.min.js"></script>
<script type="module">
import { initAll } from '/javascript/govuk-frontend.min.js'
initAll()
</script>
<script type="module" src="/javascript/fcdo-frontend.min.js"></script>