tagliatelle-components

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