This is an unofficial port of nhsuk-frontend library in to a vue.js component library.
For previews and docs: Preview Page
NPM page: nhsuk-frontend-vue
Changelog: Changelog
npm install nhsuk-frontend-vue
import NhsukFrontendVue from 'nhsuk-frontend-vue'
Vue.use(NhsukFrontendVue)
Then in vue components:
<template>
<nhs-row>
<nhs-col>
<nhs-button>test button</nhs-button>
...
</nhs-col>
</nhs-row>
</template>
OR
Import each component individually
<template>
<nhs-main>
...
</nhs-main>
</template>
<script>
import { NhsMain } from 'nhsuk-frontend-vue'
export default {
components: {
NhsMain
}
}
</script>
git clone https://github.com/xLasercut/nhsuk-frontend-vue.git
cd nhsuk-frontend-vue
npm run build
The output files will be located in the dist
folder
This project uses jest for unit tests and backstop for screenshot tests
Unit tests:
npm run test:unit
Backstop tests:
npm run backstop:test
NHS.UK frontend library MIT © NHS.UK frontend.