@rws-aoa/react-library NPM

RWS AOA Design System

Welcome to our main library! This library contains components built with React and our Design System built with Storybook.

Getting Started

If this is the first time you are cloning and opening this library, start by installing all dependencies by running:

yarn

You can build your components in React and view them in Storybook. Start Storybook by running:

yarn storybook

You can write tests for components using the play function of stories. To run the tests, first start Storybook, then start the test-runner with:

yarn test

This command automatically generates a code coverage report which will be shown in the terminal, and can also be found in the coverage folder.

Using components

More information on how to use the components from this design system can be found by running Storybook. In the menu on the lefthand side you will find a page called Getting Started. There you will find all the information you need regarding installing the library & importing, creating and using components.

Making changes to components

More information on how to contribute changes to the design system can be found by running Storybook. In the menu on the lefthand side you will find a page called Contribute. There you will find the information you need.