orlo-components v0.0.35

OrloComponents

Creating a component

Run ng generate component component-name --project orlo-components to generate a new component. When creating new components make sure they are exported from projects/orlo-components/src/lib/index.ts.

Publishing the library

To deploy the library to npm simply run npm run publish. This will release a new npm package and you will have to reinstall the component library inside your application.

Running unit tests

Run ng test orlo-components to execute the unit tests via Karma.

Using Orlo components in your app

The component library is built with a modular pattern. To import a component into your application use import {DemoComponent} from 'orlo-ui.

Storybook preview

Running demo

Storybook is used to dev and test the states of our components. Use npm run storybook and visit http://localhost:6006. Wriyte new stories for your components to visualise states and test functionality

Working on files

Whenever you change something in orlo-ui/projects, Storybook will automatically reload and reflect the changes.