design-system

Design System using StoryBook to showcase native web-components

Installation

Typically, you will want to install the individual components themselves.

However, you may find at time that wou want to enclude the entire system at once.

npm

npm i @ornery/design-system --save

yarn

yarn add @ornery/design-system

Building

git clone git@github.com:ornery/design-system.git
cd design-system
yarn config set strict-ssl false
yarn && yarn build && cd ./storybook && yarn && yarn storybook

The root build will compile all of the components under /packages as standard web-components. Each has its own unique package name under the @ornery scope in npm.

Then you can go into the /storybook directory and run the storybook script to test out each of the components within storybook.