A collection of reusable React components for use in Story Lab ... stories.
npm install @abcnews/story-lab-component-libraryThis library is in its infancy and is barely documented or even useful.
You can see all available components in the storybook
Get started:
git clone https://github.com/abcnews/story-lab-component-library.git
cd story-lab-component-library
npm i
This repository uses TSDX with Storybook.
The recommended workflow is to run TSDX in one terminal and Storybook in another:
npm start
This builds to /dist and runs the project in watch mode so any edits you save inside src causes a rebuild to /dist.
Run inside another terminal:
npm run storybook
This loads the stories from ./stories.
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.
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