rich-bjss / nhsuk-frontend-vue

nhsuk-frontend-vue

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

Install

npm install nhsuk-frontend-vue

Use

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>

To build locally

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

Running tests

This project uses jest for unit tests and backstop for screenshot tests

Unit tests:

npm run test:unit

Backstop tests:

npm run backstop:test

License

NHS.UK frontend library MIT © NHS.UK frontend.