Installing Voyager

Use NPM to add qw.design.web to your project from our private package repository.

npm install qw.design.web

To access the private repository, you must be authenticated via a user token.

npm run refreshVSToken

Updating Voyager

Minor and patch version updates are completed via npm update. Major version update will require install via NPM.

npm install qw.design.web@latest

Using Voyager

The files in the Voyager package are a collection of .scss files used to build the components as indicated here in the Design System site. To use the styles defined in Voyager, you will need to import the component files from node_modules into your .scss to be compiled CSS.

The individual component files cannot be imported alone, as they have dependencies on the foundation .scss files. The variables, mixins and colors must be imported prior to importing any component file. Import the files at the top of your .scss file like:

@import '../../node_modules/qw.design.web/Content/sass/settings/_variables';