Story Lab component library
A collection of reusable React components for use in Story Lab ... stories.
npm install @abcnews/story-lab-component-library
This library is in its infancy and is barely documented or even useful.
You can see all available components in the storybook
git clone https://github.com/abcnews/story-lab-component-library.git cd story-lab-component-library npm i
The recommended workflow is to run TSDX in one terminal and Storybook in another:
This builds to
/dist and runs the project in watch mode so any edits you save inside
src causes a rebuild to
Run inside another terminal:
npm run storybook
This loads the stories from
NOTE: Stories should reference the components as if using the library, similar to the example playground. This means importing from the root project directory. This has been aliased in the tsconfig and the storybook webpack config as a helper.
Build & release
Releases are built and deployed using np.
npm run release
If you're deploying a new production release, you should also update the Storybook. The following command will freshly build and deploy it to GitHub pages.
npm run deploy-storybook