For end-user documentation, visit: http://jenkinsci.github.io/jenkins-design-language/
The Jenkins Design Language is a React component library with associated assets and styles available to use with Jenkins Blue Ocean and extensions, as well as any other project you may choose to use this library with.
This uses lerna to build, but needs some specific options, so they’re baked into the package.json:
npm install
npm run bootstrap
npm run clean
This will provide options for generating a new component within the /components.
$ npm run generate
React Storybook is an easy way to develop components with real-time feedback, run in the browser. To run Storybook, just run:
npm start
Then go to: http://localhost:9001/
npm test
Test may run for the entire set of components by running npm test at the root level, or you may navigate to the components directory and enter the component you would like to test (e.g. components/Button).
This project should have 100% test coverage, as there are no difficult tests such as connecting to external APIs and such that often prove problematic to reliably unit test.
This is currently using Github pages. See: /docs
Enjoy!