algar-design-system v0.1.29

algar-design-system

Available Scripts

In the project directory, you can run:

yarn install

Install dependencies

yarn storybook

Run storybook on localhost.\ The page will reload if you make edits.\ You will also see any lint errors in the console.

yarn build-storybook

Builds the storybook for production (in folder storybook-static)

yarn chromatic

Deploy the storybook for production

NB : This repo has a Continuous deployment with Chromatic

It will be deployed whenever you push code.

yarn build

Build this lib in dist folder (for publish to npm)

Add a component

1. Look at an example in src/components/Button folder
2. Update src/components/index.ts
3. Update package version in package.json. Example : 0.1.0 to 0.1.1
4. Push your code
5. Publish it to npm with npm publish

Usage in a project

Install it with yarn add algar-design-system

import { Button } from 'algar-design-system'

<Button color="secondary" size="large">
  Login
</Button>

TODO

Unit test for all components