@gregorrackwitz/pnta-ui-library

PNTA UI Library

Installation

npm

$ npm install @gregorrackwitz/pnta-ui-library

Usage

/** 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.