Usage
npm i tagliatelle-components -D
This package has tagliatelle-icons and tagliatelle-tokens as a dependency.
Development
.env include ROOT_INPUT_DIR=src
for build
To create a new component please run the following command to generate the required files.
npm run generate-component
This command will require you to respond to two questions.
? Please select which category the new component belongs to? (Use arrow keys)
❯ atoms
molecules
organisms
? What is the component name? (please use camelCase)
You'll find your new component folder in the following directory packages/components/src/{category}
The new component folder will come with a *.stories.tsx
file ready so you can see the changes you make on Storybook.
Run npm run start
to launch Storybook on the browser at http://localhost:6006/.
Updating the package
Bump packages
npm run clean && npm run bootstrap
Commit changes and run tests:
npm run chromatic
After the review has been approved, build the package with npm run build
and then publish it to npm with npm publish or lerna publish
.
For more info on lerna commands: https://github.com/lerna/lerna