Roa Design System

A react based ui components.

We created to help our team get started with creating their own react component library using:

• React
• Rollup
• TypeScript
• Styled-Components

It also features:

• Storybook
• Jest

Install

npm install --save @roa-ai/ui

Development

Building

npm run build

Storybook

To run a live-reload storybook server on your local machine:

npm run storybook

To export your storybook as static files:

npm run storybook:build

Also, can deploy to gh-pages:

npm run storybook:deploy

Usage

import React from 'react';
import { Button } from '@roa-ai/ui';

const Example = () => (
  <Button text="Hello Roa 👋" onClick={() => console.log('Hello Roa 👍')} />
);

export default Example;