# PNTA UI Library

# Installation
## npm
```
$ npm install @gregorrackwitz/pnta-ui-library
```

# Usage
```js
/** App.js */

import { Button } from '@gregorrackwitz/pnta-ui-library';

function App() {
  return (
    <div style={{'width':'150px', 'margin':'20px'}}>
      <Button title="Let's Go!" onClick={()=>handleButtonOnClick()}/>
    </div>
  );
}

export default App;

```

## Basic commands
### Run Storybook locally
To run storybook locally to view the current development state and to further develop the UI library navigate to the root folder of this project and run `npm run storybook`.

### Run tests while developing
To run tests while developing, run `npm run test:watch`.

### Build Storybook for production
To build the storybook components run `npm run build`. This creates a `build` folder which contains all files needed. Keep in mind that this folder is added to `.gitignore` so it won`t get pushed into the repository.

Here are further instructions to create/update the npm package: [Distribute Storybook](https://storybook.js.org/tutorials/design-systems-for-developers/react/en/distribute/).