This repository contains a library of user interface components that can be used to create web-applications based on Accord Project technology. The components use the React web application framework.
Use the interactive Storybook for the components to discover their properties.
This repository is a monorepo, built using lerna. Each package is published as an independent npm module.
The storybook
package is a React Storybook, and contains all the stories for all the sub-packages.
GitHub Actions is used to automatically publish the static site generated by Storybook to GitHub pages.
The packages have all been created by running yarn create react-app %PROJECT_NAME% --template npm-library
in the packages directory.
After running the command above, you need to:
- cd MY_PACKAGE
- node ./prepare.js
- Edit the
build
andbuild:lib
targets in package.json so that the library is built when build is run, rather than the test app
"build:app": "react-scripts build",
"build": "npx rollup -c",
The source code for libraries should be placed in the src/lib
folder.
npm install -g lerna
lerna clean && lerna bootstrap && lerna run build
cd packages/storybook
npm run storybook